WPF TreeView-组节点样式

我有一个称为组的IList类型的列表，每个组都有一个称为项的IList类型的子列表。组和项都有名为Name的属性。为了显示这个层次结构，我使用了一个树状视图

我想将层次结构中的每个组显示为一个扩展器，但它并没有按我所希望的那样显示

到目前为止，我的xaml：

<DataTemplate x:Key="NavItemTemplate">
    <TextBlock Text="{Binding Name}"/>
</DataTemplate>

<HierarchicalDataTemplate x:Key="NavGroupTemplate" ItemsSource="{Binding Items}" ItemTemplate="{StaticResource NavItemTemplate}">
    <TextBlock Text="{Binding Name}"/>
</HierarchicalDataTemplate>

<Style x:Key="RootItemStyle" TargetType="{x:Type TreeViewItem}">
<Setter Property="IsExpanded" Value="True"/>
<Setter Property="Template">
    <Setter.Value>
        <ControlTemplate TargetType="TreeViewItem">
            <Grid>
                <Expander x:Name="Exp" TextElement.FontWeight="Bold" IsExpanded="{TemplateBinding TreeViewItem.IsExpanded}">
                    <Expander.Header>
                        <ContentPresenter x:Name="ExpCP" ContentSource="Header"/>
                    </Expander.Header>
                    <ItemsPresenter/>
                </Expander>

                <Border x:Name="CP" Padding="25,0,0,0" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Visibility="Collapsed">
                    <ContentPresenter ContentSource="Header" HorizontalAlignment="Left" VerticalAlignment="Center" />
                </Border>
            </Grid>

            <ControlTemplate.Triggers>
                <Trigger Property="HasItems" Value="false">
                    <Setter TargetName="Exp" Property="Visibility" Value="Collapsed"/>
                    <Setter TargetName="CP" Property="Visibility" Value="Visible" />
                </Trigger>
                <Trigger Property="IsSelected" Value="True">
                    <Setter Property="Background" Value="Red"/>
                </Trigger>
            </ControlTemplate.Triggers>
        </ControlTemplate>
    </Setter.Value>
</Setter>
</Style>

<TreeView ItemsSource="{Binding}" ItemTemplate="{StaticResource NavGroupTemplate}" ItemContainerStyle="{StaticResource RootItemStyle}">

上述风格

工作对象：

第1组（扩展器）

• 项目1

第2组（扩展器）

但不适用于（目标）：

第1组（扩展器）

• 项目1
  • 分项1

第2组（扩展器）

---

此外，上述风格也需要进一步修正。当我选择expander边框侧时，它会触发selecteditem事件，这应该被阻止。

如果您没有在HierarchycalDataTemplate中指定ItemTemplate，它会起作用（添加了左边距以实际查看树层次结构）：

---

我不久前也做了类似的事情，但那是使用XmlDataProvider（不完全是IList场景）。希望它能帮上一点忙

<XmlDataProvider x:Key="MenuDataProvider" XPath="*">
            <x:XData>
                <MainMenu xmlns="">
                    <Admin>
                        <Facility>
                            <Test/>
                        </Facility>
                        <Carpark />
                    </Admin>

                    <Sequence>
                        <Lcd />
                    </Sequence>
                </MainMenu>
            </x:XData>
        </XmlDataProvider>

        <HierarchicalDataTemplate x:Key="NodeTemplate">

            <TextBlock x:Name="tb" />

            <HierarchicalDataTemplate.ItemsSource>
                <Binding XPath="child::node()" />
            </HierarchicalDataTemplate.ItemsSource>

            <HierarchicalDataTemplate.Triggers>

                <DataTrigger Binding="{Binding Path=NodeType}" Value="Text">
                    <Setter TargetName="tb" Property="Text" Value="{Binding Path=Value}"></Setter>
                </DataTrigger>

                <DataTrigger Binding="{Binding Path=NodeType}" Value="Element">
                    <Setter TargetName="tb" Property="Text" Value="{Binding Path=Name}"></Setter>
                </DataTrigger>
            </HierarchicalDataTemplate.Triggers>
    </HierarchicalDataTemplate>

它看起来像：

---

您的代码对我来说运行良好。我刚刚删除了不必要的代码，为子元素添加了边距，并更改为仅粗体的组元素

 <HierarchicalDataTemplate x:Key="NavGroupTemplate" ItemsSource="{Binding Items}">
            <TextBlock Text="{Binding Name}" />
        </HierarchicalDataTemplate>
        <Style x:Key="RootItemStyle" TargetType="{x:Type TreeViewItem}">
            <Setter Property="IsExpanded" Value="True"/>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="TreeViewItem">
                        <Grid>
                            <Expander x:Name="Exp" IsExpanded="{TemplateBinding TreeViewItem.IsExpanded}">
                                <Expander.Header>
                                    <ContentPresenter x:Name="ExpCP" ContentSource="Header" TextElement.FontWeight="Bold" />
                                </Expander.Header>
                                <ItemsPresenter />
                            </Expander>
                            <Border x:Name="CP" Padding="35,0,0,0" Background="{TemplateBinding Background}" Visibility="Collapsed">
                                <ContentPresenter ContentSource="Header" HorizontalAlignment="Left" VerticalAlignment="Center" />
                            </Border>
                        </Grid>
                        <ControlTemplate.Triggers>
                            <Trigger Property="HasItems" Value="false">
                                <Setter TargetName="Exp" Property="Visibility" Value="Collapsed"/>
                                <Setter TargetName="CP" Property="Visibility" Value="Visible" />
                            </Trigger>
                            <Trigger Property="IsSelected" Value="True">
                                <Setter Property="Background" Value="Red"/>
                            </Trigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
<TreeView ItemsSource="{Binding}" ItemTemplate="{StaticResource NavGroupTemplate}" ItemContainerStyle="{StaticResource RootItemStyle}">
        </TreeView>

---

你能详细描述一下你的问题吗？这样我就能有更多的想法了。

我也有类似的问题。我收集了按年份和月份排列的日期。当IsExpanded属性设置为true时，是否可以将整个路径扩展到日期？

 <HierarchicalDataTemplate x:Key="NavGroupTemplate" ItemsSource="{Binding Items}">
            <TextBlock Text="{Binding Name}" />
        </HierarchicalDataTemplate>
        <Style x:Key="RootItemStyle" TargetType="{x:Type TreeViewItem}">
            <Setter Property="IsExpanded" Value="True"/>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="TreeViewItem">
                        <Grid>
                            <Expander x:Name="Exp" IsExpanded="{TemplateBinding TreeViewItem.IsExpanded}">
                                <Expander.Header>
                                    <ContentPresenter x:Name="ExpCP" ContentSource="Header" TextElement.FontWeight="Bold" />
                                </Expander.Header>
                                <ItemsPresenter />
                            </Expander>
                            <Border x:Name="CP" Padding="35,0,0,0" Background="{TemplateBinding Background}" Visibility="Collapsed">
                                <ContentPresenter ContentSource="Header" HorizontalAlignment="Left" VerticalAlignment="Center" />
                            </Border>
                        </Grid>
                        <ControlTemplate.Triggers>
                            <Trigger Property="HasItems" Value="false">
                                <Setter TargetName="Exp" Property="Visibility" Value="Collapsed"/>
                                <Setter TargetName="CP" Property="Visibility" Value="Visible" />
                            </Trigger>
                            <Trigger Property="IsSelected" Value="True">
                                <Setter Property="Background" Value="Red"/>
                            </Trigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
<TreeView ItemsSource="{Binding}" ItemTemplate="{StaticResource NavGroupTemplate}" ItemContainerStyle="{StaticResource RootItemStyle}">
        </TreeView>