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

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

一：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" Horiz