0

Я пытаюсь кастомизировать элемент TreeView с помощью шаблонов. В дереве будет 2 уровня узлов (родитель и дочерний). Для каждого из них есть по шаблону:

<ControlTemplate TargetType="TreeViewItem" x:Key="ParentNodeTemplate">
            <StackPanel Orientation="Horizontal">                    
                <TextBlock Text="{TemplateBinding Header}" Margin="5,5,5,5"/>
                <Button Content="Обновить" Margin="5,5,5,5"/>
            </StackPanel>
        </ControlTemplate>

для родителя и

<ControlTemplate TargetType="TreeViewItem" x:Key="ChildNodeTemplate">
            <StackPanel Orientation="Horizontal">
                <TextBlock Text="{TemplateBinding Header}"/>
            </StackPanel>
</ControlTemplate>

для дочерних элементов. Шаблоны совсем простенькие исключительно для проверки работоспособности подхода. Само дерево в разметке выглядит просто:

<TreeView x:Name="tree"/>

Заполнение дерева происходит в коде таким образом:

foreach(var project in Service.MonitoredProjects)
{
    TreeViewItem parentItem = new TreeViewItem()
    {
        Header=project.Name,
        Template = (ControlTemplate)this.FindResource("ParentNodeTemplate"),
    };

    foreach (var mainfile in project.MainFileList)
    {
        TreeViewItem childItem = new TreeViewItem()
        {
            Header=mainfile.Name,
            Template = (ControlTemplate)this.FindResource("ChildNodeTemplate")
       };
        (parentItem.Items[0] as TreeViewItem).Items.Add(childItem);
    }                
    tree.Items.Add(parentItem);               
}

После всех этих манипуляций я получаю на выходе родительские элементы без возможности развернуть их. Хотя пошаговая проверка показала, что узлы-родители содержат в себе дочерние узлы. И вопрос мой в том, что я делаю не так и почему я не могу развернуть узлы?

12
  • Подозреваю, что родительский элемент должен содержать в себе ItemsPresenter для отображения дочерних: docs.microsoft.com/ru-ru/dotnet/framework/wpf/controls/… (обратите внимание на <ItemsPresenter x:Name="ItemsHost" в шаблоне). Почему вы пошли таким путем, а не через DataTemplate? 2 окт 2018 в 6:45
  • С добавление ItemPresenter появился контент, он по прежнему не сворачивается, но уже по крайней мере есть и в принципе в статье описан механизм его скрытия/раскрытия. А насчет DataTemplate, я пошел таким путем потому, что свойство TreeViewitem.Template имеет тип ControlTemplate. 2 окт 2018 в 7:01
  • Для сворачивания там есть <ToggleButton x:Name="Expander" :) Про DataTemplate я имею ввиду переопределить только TreeView.ItemTemplate, весь же шаблон TreeViewItem править незачем, пусть его общая структура будет стандартной, будет меняться содержимое только этого элемента: <ContentPresenter x:Name="PART_Header". Простой пример здесь: ru.stackoverflow.com/a/838339/218063 2 окт 2018 в 7:11
  • 1
    А если необходимы различные шаблоны для различных уровней списка, то в ресурсах необходимо определять несколько HierarchicalDataTemplate? 2 окт 2018 в 8:19
  • 1
    Да, можно объявить несколько HierarchicalDataTemplate (или простых DataTemplate, например, для дочерних элементов, которые не имеют вложенных) и указать им DataType, после этого, WPF будет выбирать правильный шаблон самостоятельно в зависимости от типа привязанного элемента. 2 окт 2018 в 8:34

1 ответ 1

2

Итак, с помощью @Андрей NOP я решил свою проблему. По итогу получилось следующее: Шаблон родителя:

<HierarchicalDataTemplate DataType="{x:Type local:MonitoredProject}" ItemsSource="{Binding MainFileList}">
    <StackPanel Orientation="Horizontal">
        <Image MaxHeight="30" MaxWidth="30" Source="Images\folder_closed.png" ContextMenu="{StaticResource parentNodeMenu}"/>
        <Label Content="{Binding Name}" Margin="5,5,5,5" Foreground="{Binding Match, Converter={local:Converter}}" VerticalContentAlignment="Center" FontSize="16" ContextMenu="{StaticResource parentNodeMenu}"/>
        <Button Content="Править" Margin="5,5,5,5" Click="EditProject_Clck" Tag="{Binding Name}"/>                               
    </StackPanel>
</HierarchicalDataTemplate>

Шаблон дочернего элемента:

<DataTemplate DataType="{x:Type local:MonitoredFile}">
    <StackPanel Orientation="Horizontal">
        <Image MaxHeight="35" MaxWidth="35" Source="{Binding SourceAdress, Converter={local:ImageConverter}}" ContextMenu="{StaticResource childNodeMenu}"/>
        <Label Content="{Binding Name}" Margin="5,5,5,5" Foreground="{Binding Match, Converter={local:Converter}}" VerticalContentAlignment="Center" FontSize="14" ContextMenu="{StaticResource childNodeMenu}"/>
    </StackPanel>
</DataTemplate>

Сам контрол:

<TreeView x:Name="tree" ItemsSource="{Binding Path=(local:Service.MonitoredProjects)}">
    <TreeView.ItemContainerStyle>
        <Style TargetType="{x:Type TreeViewItem}">
            <EventSetter Event="Expanded" Handler="TreeViewItem_Expanded"/>
        </Style>
    </TreeView.ItemContainerStyle>
</TreeView>

Спасибо неравнодушному товарищу за помощь!

Ваш ответ

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

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