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

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

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

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