0

Нужно сделать дерево и чтобы возле каждого элемента была картинка. По сути как здесь, только со своими данными

введите сюда описание изображения

Задача уже упоминалась в этом вопросе Как добавить в TreeView картинку? . В целом получилось все, кроме отображения самой картинки.

Создание коллекции.

    public class Node
    {
        public string Name { get; set; }
        public int Id { get; set; }
        public Image Icon { get; set; }
        public ObservableCollection<Node> Nodes { get; set; }
        public Node() { Nodes = new ObservableCollection<Node>(); Id = 0; Icon = new Image(); }

    }

Добавление содержимого коллекции

Ntree1.Nodes.Add(new Node { Name = Name.ToString(), Id = Convert.ToInt32(Id), Icon = sourse_image() })

Подгружаю картинку

    public static Image sourse_image()
    {
        Image Icon = new Image();
        Uri imageUri = new Uri(@"pack://application:,,,/Resources/1.ico", UriKind.Absolute);
        Icon.Source = new BitmapImage(imageUri);
        return Icon;
    }

XAML

        <TreeView.ItemTemplate>
            <HierarchicalDataTemplate ItemsSource="{Binding Path=Nodes}">
                <StackPanel Orientation="Horizontal">
                    <Image MaxHeight="30" MaxWidth="30" Source="{Binding Icon}"/>
                    <TextBlock Text="{Binding Name}">
                    </TextBlock>
                </StackPanel>
            </HierarchicalDataTemplate>
        </TreeView.ItemTemplate>

Не совсем понимаю почему не отображается картинка в сформированном дереве. Возможно где-то или что-то не так сделал. Прошу указать на мою ошибку и по возможности подсказать примере выполнения.

4
  • А в вашем классе Node свойство Icon имеет тип Image, это что за тип? Из какого пространства имен? 29 окт 2019 в 11:00
  • @АндрейNOP Это тип позволяет загружать любые изображение. Находиться в System.Windows.Controls
    – E. Sergey
    29 окт 2019 в 11:50
  • Ага, ну понятно почему приведенный код не работает. Image не умеет отображать контролы, он умеет отображать ImageSource, именно такой тип имеет свойство Source у него. Меняйте тип Node.Icon на ImageSource. В ru.stackoverflow.com/questions/596057/… на который вы ссылаетесь сделано не так как у вас 29 окт 2019 в 12:41
  • Ну и вообще в модельном классе хранить контролы неправильно в принципе 29 окт 2019 в 12:41

1 ответ 1

0

Посидев почитал разные статьи и просто подумав. Увидел ошибку. У TextBlock нету поддержки такой формы как мне была необходима. Произвел изменения в данном месте, XAML

        <TreeView.ItemTemplate>
            <HierarchicalDataTemplate ItemsSource="{Binding Path=Nodes}">
                <StackPanel Orientation="Horizontal">                    
                    <MenuItem Header="{Binding Name}" Icon="{Binding Icon}"/>
                </StackPanel>
            </HierarchicalDataTemplate>
        </TreeView.ItemTemplate>

TextBlock был заменён на MetuItem и отображение информации стало как нужно. Осталось реализовать подставку нужной картинки по условиям и все будет готово.

введите сюда описание изображения

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.