WPF实现完美的树形结构和右键菜单(上)

最新推荐文章于 2025-07-11 16:49:04 发布

转载

最新推荐文章于 2025-07-11 16:49:04 发布 · 1.1k 阅读

2 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/webb-ring/p/4440448.html

本文介绍了在WPF中创建理想树形结构和右键菜单的关键点，包括TreeView的样式定制、数据绑定及数据组织。详细讲解了TreeView样式的实现，如选择和鼠标悬停时的样式，以及缩进方法在父子节点缩进长度和样式完整性的关键作用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

要想做出完美的树形结构和右键菜单必须要注意一下几个方面

一：TreeView的样式

二：数据的展示和数据绑定

三：数据的的组织和生成(递归)

看下图效果：

首先来看TreeView的样式的实现：

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity"
        xmlns:cw="clr-namespace:Wistron.Framerwork.FrameCommon.WPFExtension;assembly=Wistron.Framerwork.FrameCommon">

    <SolidColorBrush x:Key="NormalForegroundBrush" Color="#999999"/>
    <SolidColorBrush x:Key="HoverForegroundBrush" Color="#424242"/>
    <SolidColorBrush x:Key="SelectedForegroundBrush" Color="#000000"/>

    <!-- 悬停状态的画刷 -->
    <SolidColorBrush x:Key="HoverBackgroundBrushKey" Color="#f0f2f5" />
    <!-- 选中(激活)状态的画刷 -->
    <SolidColorBrush x:Key="SelectedActiveBackgroundBrushKey" Color="#e2e5eb" />
    <!-- 选中(悬停)状态的画刷 -->
    <SolidColorBrush x:Key="SelectedHoverBackgroundBrushKey" Color="#e2e5eb" />
    <!-- 选中(失效)状态的画刷 -->
    <SolidColorBrush x:Key="SelectedInactiveBackgroundBrushKey" Color="#e2e5eb" />
    <!--前面小三角样式-->
    <Style x:Key="ExpandCollapseToggleStyle"
           TargetType="{x:Type ToggleButton}">
        <Setter Property="Focusable"
                Value="False" />
        <Setter Property="Width"
                Value="13" />
        <Setter Property="Height"
                Value="13" />
        <Setter Property="Foreground" Value="{DynamicResource NormalForegroundBrush }"/>
        <Setter Property="Template">
            <Setter.Value>
            <ControlTemplate TargetType="ToggleButton">
            <Grid Width="13" Height="13"  Background="Transparent">
            <Path x:Name="ExpandPath"
              HorizontalAlignment="Left" 
              VerticalAlignment="Center" 
              Margin="0"
              Fill="{TemplateBinding Foreground}"
             Data="M 4 0 L 8 4 L 4 8 Z"/>
                    </Grid>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsChecked" Value="True">
                            <Setter Property="Data" TargetName="ExpandPath" Value="M 0 4 L 8 4 L 4 8 Z"/>                   
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
    
    <Style x