Silverlight TreeView 控件带虚线样式

在 App文件加上

    <Application.Resources>
            <LinearGradientBrush x:Key="MyBrushNormalBorder" EndPoint="1,1" StartPoint="0.2,0">
                <GradientStop Color="#FFB1B1B1" Offset="0.391"/>
                <GradientStop Color="#46FFFFFF" Offset="1"/>
            </LinearGradientBrush>
            <LinearGradientBrush x:Key="MyBrushNormalBevelBackground" EndPoint="0.5,1" StartPoint="0.5,0">
                <GradientStop Color="#FF414349" Offset="0.136"/>
                <GradientStop Color="#FF202124" Offset="0.668"/>
                <GradientStop Color="#FF0B153F" Offset="1"/>
            </LinearGradientBrush>
            <LinearGradientBrush x:Key="MyTreeBackground" EndPoint="0.5,1" StartPoint="0.5,0">
                <GradientStop Color="#FF202124" Offset="0.136"/>
                <GradientStop Color="#FF202124" Offset="0.668"/>
                <GradientStop Color="#FF181B28" Offset="1"/>
            </LinearGradientBrush>
            <Style TargetType="controls:TreeViewItem">
                <Setter Property="Padding" Value="0" />
                <Setter Property="Foreground" Value="#FFD2DCA6"/>
                <Setter Property="FontFamily" Value="Georgia"/>
                <Setter Property="FontSize" Value="11"/>
                <Setter Property="FontWeight" Value="Normal"/>
                <Setter Property="Background">
                    <Setter.Value>
                        <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                            <GradientStop Color="#FFD2DCA6" Offset="0"/>
                            <GradientStop Color="#FFD2DCA6" Offset="1"/>
                        </LinearGradientBrush>
                    </Setter.Value>
                </Setter>
                <Setter Property="BorderThickness" Value="0"/>
                <Setter Property="BorderBrush">
                    <Setter.Value >
                        <LinearGradientBrush EndPoint="1,1" StartPoint="0.2,0">
                            <GradientStop Color="#FFB1B1B1" Offset="0.391"/>
                            <GradientStop Color="#46FFFFFF" Offset="1"/>
                        </LinearGradientBrush>
                    </Setter.Value>
                </Setter>
                <Setter Property="HorizontalContentAlignment" Value="Stretch" />
                <Setter Property="VerticalContentAlignment" Value="Top" />
                <Setter Property="IsTabStop" Value="True" />
                <Setter Property="TabNavigation" Value="Once" />
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="controls:TreeViewItem">
                            <Grid Background="Transparent" Margin="{TemplateBinding Padding}">
                                <vsm:VisualStateManager.VisualStateGroups>
                                    <vsm:VisualStateGroup x:Name="CommonStates">
                                        <vsm:VisualState x:Name="Normal" >
                                            <Storyboard>
                                                <DoubleAnimation Storyboard.TargetName="HoverBorder" 
                                                         Storyboard.TargetProperty="Opacity" 
                                                         Duration="0:0:0.3" To="0" />
                                            </Storyboard>
                                        </vsm:VisualState>
                                        <vsm:VisualState x:Name="MouseOver" >
                                            <Storyboard>
                                                <DoubleAnimation Storyboard.TargetName="HoverBorder" 
                                                         Storyboard.TargetProperty="Opacity" 
                                                         Duration="0:0:0.2" To="0.5" />
                                            </Storyboard>
                                        </vsm:VisualState>
                                        <vsm:VisualState x:Name="Pressed" />
                                        <vsm:VisualState x:Name="Disabled">

                                        </vsm:VisualState>
                                    </vsm:VisualStateGroup>
                                    <vsm:VisualStateGroup x:Name="SelectionStates">
                                        <vsm:VisualState x:Name="Unselected" />
                                        <vsm:VisualState x:Name="Selected">
                                            <Storyboard>
                                                <DoubleAnimation Storyboard.TargetName="SelectBorder"
                                                         Storyboard.TargetProperty="Opacity"
                                                         To="1" Duration="0:0:0.1"/>
                                                <DoubleAnimation Storyboard.TargetName="HoverBorder"
                                                         Storyboard.TargetProperty="Opacity"
                                                         To="0" Duration="0:0:0.1"/>
                                                <ColorAnimation Storyboard.TargetName="Header"
                                                         Storyboard.TargetProperty="(Foreground).(SolidColorBrush.Color)"
                                                         To="#FFB5BD24" Duration="0:0:0.1"/>
                                            </Storyboard>
                                        </vsm:VisualState>
                                        <vsm:VisualState x:Name="SelectedInactive">
                                            <Storyboard>
                                                <DoubleAnimation Storyboard.TargetName="SelectBorder"
                                                         Storyboard.TargetProperty="Opacity"
                                                         To="1" Duration="0:0:0.1"/>
                                                <DoubleAnimation Storyboard.TargetName="HoverBorder"
                                                         Storyboard.TargetProperty="Opacity"
                                                         To="0" Duration="0:0:0.1"/>
                                                <ColorAnimation Storyboard.TargetName="Header"
                                                         Storyboard.TargetProperty="(Foreground).(SolidColorBrush.Color)"
                                                         To="#FF202124" Duration="0:0:0.1"/>
                                            </Storyboard>
                                        </vsm:VisualState>
                                    </vsm:VisualStateGroup>
                                    <vsm:VisualStateGroup x:Name="HasItemsStates">
                                        <vsm:VisualState x:Name="HasItems" />
                                        <vsm:VisualState x:Name="NoItems">
                                            <Storyboard>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ExpanderButton" 
                                                                       Storyboard.TargetProperty="Visibility" 
                                                                       Duration="0">
                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="Collapsed" />
                                                </ObjectAnimationUsingKeyFrames>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ExpanderButton" 
                                                                       Storyboard.TargetProperty="IsHitTestVisible" 
                                                                       Duration="0">
                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="False" />
                                                </ObjectAnimationUsingKeyFrames>
                                            </Storyboard>

                                        </vsm:VisualState>
                                    </vsm:VisualStateGroup>
                                    <vsm:VisualStateGroup x:Name="ExpansionStates">
                                        <vsm:VisualState x:Name="Collapsed" >
                                            <Storyboard>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ExpandSite" 
                                                                       Storyboard.TargetProperty="Visibility" 
                                                                       BeginTime="0:0:0.2">
                                                    <DiscreteObjectKeyFrame KeyTime="0:0:0.0" Value="Collapsed" />
                                                </ObjectAnimationUsingKeyFrames>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetName="line" 
                                                                       Storyboard.TargetProperty="Visibility" 
                                                                       Duration="0:0:0.2">
                                                    <DiscreteObjectKeyFrame KeyTime="0:0:0.2" Value="Collapsed" />
                                                </ObjectAnimationUsingKeyFrames>
                                                <DoubleAnimation Storyboard.TargetName="line"
                                                         Storyboard.TargetProperty="Opacity"
                                                         Duration="0:0:0.2" To="0"/>
                                                <DoubleAnimation Storyboard.TargetName="ExpandSite"
                                                         Storyboard.TargetProperty="Opacity"
                                                         BeginTime="0:0:0"
                                                         Duration="0:0:0.2" To="0"/>
                                            </Storyboard>
                                        </vsm:VisualState>
                                        <vsm:VisualState x:Name="Expanded">
                                            <Storyboard>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ExpandSite" 
                                                                       Storyboard.TargetProperty="Visibility" 
                                                                       BeginTime="0:0:0">
                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="Visible" />
                                                </ObjectAnimationUsingKeyFrames>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetName="line" 
                                                                       Storyboard.TargetProperty="Visibility" 
                                                                       Duration="0">
                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="Visible" />
                                                </ObjectAnimationUsingKeyFrames>
                                                <DoubleAnimation Storyboard.TargetName="line"
                                                         Storyboard.TargetProperty="Opacity"
                                                         Duration="0:0:0.2" To="1"/>
                                                <DoubleAnimation Storyboard.TargetName="ExpandSite"
                                                         Storyboard.TargetProperty="Opacity"
                                                         BeginTime="0:0:0.01"
                                                         Duration="0:0:0.3" To="1"/>
                                            </Storyboard>
                                        </vsm:VisualState>
                                    </vsm:VisualStateGroup>
                                    <vsm:VisualStateGroup x:Name="ValidationStates">
                                        <vsm:VisualState x:Name="Valid" />
                                        <vsm:VisualState x:Name="InvalidUnfocused">
                                        </vsm:VisualState>
                                        <vsm:VisualState x:Name="InvalidFocused">
                                        </vsm:VisualState>
                                    </vsm:VisualStateGroup>
                                </vsm:VisualStateManager.VisualStateGroups>
                                <Grid.RowDefinitions>
                                    <RowDefinition Height="Auto" />
                                    <RowDefinition Height="*" />
                                </Grid.RowDefinitions>
                                <Grid x:Name="HoverBorder" Opacity="0"
                              IsHitTestVisible="False" Margin="5 0 0 0">
                                    <Border BorderBrush="{TemplateBinding BorderBrush}" 
                                    CornerRadius="3"
                                    BorderThickness="{TemplateBinding BorderThickness}"
                                    Background="{TemplateBinding Background}"/>
                                </Grid>

                                <Grid x:Name="SelectBorder" Opacity="0" 
                              IsHitTestVisible="False" Margin="5 0 0 0">
                                    <Border BorderBrush="{TemplateBinding BorderBrush}" 
                                    CornerRadius="3"
                                    BorderThickness="{TemplateBinding BorderThickness}"
                                    Background="{TemplateBinding Background}"/>
                                </Grid>
                                <Grid >
                                    <StackPanel Orientation="Horizontal" HorizontalAlignment="Left"
                                    MinHeight="20">
                                        <Line x:Name="lineH" Stroke="{TemplateBinding Foreground}" 
                                      StrokeThickness="1" X1="0" X2="10"
                                      Y1="0" Y2="0" StrokeDashArray="1 2" Stretch="UniformToFill"
                                      VerticalAlignment="Center" HorizontalAlignment="Left"                           
                                      UseLayoutRounding="True" IsHitTestVisible="False"/>

                                        <ToggleButton x:Name="ExpanderButton" HorizontalAlignment="Left" Width="14"
                                          Height="14" Margin="3 0 0 0"
                                      VerticalAlignment="Center" IsTabStop="False" TabNavigation="Once">
                                            <ToggleButton.Template>
                                                <ControlTemplate TargetType="ToggleButton">
                                                    <Grid x:Name="Root" Background="Transparent" >
                                                        <vsm:VisualStateManager.VisualStateGroups>
                                                            <vsm:VisualStateGroup x:Name="CommonStates">
                                                                <vsm:VisualState x:Name="Normal" />
                                                                <vsm:VisualState x:Name="MouseOver">
                                                                    <Storyboard>
                                                                        <DoubleAnimation Storyboard.TargetName="OuterBorder" 
                                                                         Storyboard.TargetProperty="Opacity" 
                                                                         To="1" Duration="0:0:0.1" />
                                                                    </Storyboard>
                                                                </vsm:VisualState>
                                                                <vsm:VisualState x:Name="Disabled">
                                                                    <Storyboard>
                                                                        <DoubleAnimation Storyboard.TargetName="Root" 
                                                                         Storyboard.TargetProperty="Opacity" 
                                                                         To="0.5" 
                                                                         Duration="0" />
                                                                    </Storyboard>
                                                                </vsm:VisualState>
                                                            </vsm:VisualStateGroup>
                                                            <vsm:VisualStateGroup x:Name="CheckStates">
                                                                <vsm:VisualState x:Name="Unchecked" />
                                                                <vsm:VisualState x:Name="Checked">
                                                                    <Storyboard>
                                                                        <DoubleAnimation Storyboard.TargetName="UncheckedVisual" 
                                                                         Storyboard.TargetProperty="Opacity" 
                                                                         To="0" Duration="0" />
                                                                        <DoubleAnimation Storyboard.TargetName="CheckedVisual" 
                                                                         Storyboard.TargetProperty="Opacity" 
                                                                         To="1" Duration="0" />
                                                                    </Storyboard>
                                                                </vsm:VisualState>
                                                            </vsm:VisualStateGroup>
                                                        </vsm:VisualStateManager.VisualStateGroups>
                                                        <Border x:Name="OuterBorder" 
                                                    BorderBrush="{StaticResource MyBrushNormalBorder}" 
                                                    CornerRadius="3"
                                                    BorderThickness="1" Opacity="0.5"
                                                        Background="{StaticResource MyBrushNormalBevelBackground}"/>
                                                        <Grid Margin="3" >
                                                            <Path x:Name="UncheckedVisual" UseLayoutRounding="False"
                                                  HorizontalAlignment="Center"  Stretch="Uniform" 
                                                  Data="M0,4 L4,4 L4,0 L6,0 L6,4 L10,4 L10,6 L6,6 L6,10 L4,10 L4,6 L0,6 z" 
                                                  VerticalAlignment="Center" 
                                                  Opacity="1" Fill="#FFB5BD24">
                                                            </Path>
                                                            <Path x:Name="CheckedVisual" UseLayoutRounding="False"
                                                  HorizontalAlignment="Center" Stretch="Uniform" 
                                                  Data="M0,4 L10,4 L10,6 L0,6 z" 
                                                  VerticalAlignment="Center" 
                                                  Opacity="0" Fill="#FFB5BD24">
                                                            </Path>
                                                        </Grid>
                                                    </Grid>
                                                </ControlTemplate>
                                            </ToggleButton.Template>
                                        </ToggleButton>

                                        <Button x:Name="Header" ClickMode="Hover"
                                        Background="{TemplateBinding Background}" 
                                        Foreground="{TemplateBinding Foreground}" 
                                        BorderBrush="{TemplateBinding BorderBrush}" 
                                        BorderThickness="{TemplateBinding BorderThickness}" 
                                        Cursor="{TemplateBinding Cursor}" 
                                        HorizontalAlignment="Stretch" 
                                        VerticalAlignment="Stretch" Margin="3 0"
                                        FontFamily="{TemplateBinding FontFamily}"
                                        FontWeight="{TemplateBinding FontWeight}"
                                        FontSize="{TemplateBinding FontSize}"
                                        IsTabStop="False" TabNavigation="Once">
                                            <Button.Template>
                                                <ControlTemplate TargetType="Button">
                                                    <Grid>
                                                        <vsm:VisualStateManager.VisualStateGroups>
                                                            <vsm:VisualStateGroup x:Name="CommonStates">
                                                                <vsm:VisualState x:Name="Normal" />
                                                                <vsm:VisualState x:Name="Pressed">
                                                                </vsm:VisualState>
                                                                <vsm:VisualState x:Name="Disabled">
                                                                    <Storyboard>
                                                                        <DoubleAnimation Storyboard.TargetName="Content" 
                                                                                 Storyboard.TargetProperty="Opacity" 
                                                                                 Duration="0" To="0.5" />
                                                                    </Storyboard>
                                                                </vsm:VisualState>
                                                            </vsm:VisualStateGroup>
                                                        </vsm:VisualStateManager.VisualStateGroups>
                                                        <Grid Background="Transparent" >
                                                            <ContentPresenter x:Name="Content" Cursor="{TemplateBinding Cursor}" 
                                                          Content="{TemplateBinding Content}" 
                                                          ContentTemplate="{TemplateBinding ContentTemplate}" 
                                                          HorizontalAlignment="Stretch"
                                                          VerticalAlignment="Center"/>
                                                        </Grid>
                                                    </Grid>
                                                </ControlTemplate>
                                            </Button.Template>
                                            <Button.Content>
                                                <Grid Background="Transparent" >
                                                    <ContentPresenter Content="{TemplateBinding Header}" 
                                                    ContentTemplate="{TemplateBinding HeaderTemplate}" />
                                                </Grid>
                                            </Button.Content>
                                        </Button>
                                    </StackPanel>
                                </Grid>
                                <ContentControl x:Name="ExpandSite" Grid.Row="1"
                                      Margin="20 0 0 0"
                                      Visibility="Collapsed"
                                      HorizontalAlignment="Stretch"
                                      HorizontalContentAlignment="Stretch">
                                    <ItemsPresenter />
                                </ContentControl>

                                <Border Grid.Row="1" Margin="20 0 0 0" IsHitTestVisible="False">
                                    <Line x:Name="line" Stroke="{TemplateBinding Foreground}" 
                                  StrokeThickness="1" X1="0" X2="0"
                              Y1="0" Y2="2" StrokeDashArray="1 1"
                                  Stretch="UniformToFill"
                              Width="1"  VerticalAlignment="Stretch" HorizontalAlignment="Left"                              
                              UseLayoutRounding="False" Opacity="0" Visibility="Collapsed"/>
                                </Border>

                            </Grid>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>

            <Style TargetType="controls:TreeView" x:Key="TreeType">
                <Setter Property="Background" Value="{StaticResource MyTreeBackground}"/>
                <Setter Property="Foreground" Value="#FFD2DCA6" />
                <Setter Property="HorizontalContentAlignment" Value="Left" />
                <Setter Property="VerticalContentAlignment" Value="Top" />
                <Setter Property="BorderThickness" Value="1" />
                <Setter Property="Padding" Value="2" />
                <Setter Property="BorderBrush">
                    <Setter.Value>
                        <LinearGradientBrush EndPoint="1,1" StartPoint="0.2,0">
                            <GradientStop Color="#FFB1B1B1" Offset="0.391"/>
                            <GradientStop Color="#46FFFFFF" Offset="1"/>
                        </LinearGradientBrush>
                    </Setter.Value>
                </Setter>
                <Setter Property="IsTabStop" Value="True" />
                <Setter Property="TabNavigation" Value="Once" />
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="controls:TreeView">
                            <Grid>
                                <vsm:VisualStateManager.VisualStateGroups>
                                    <vsm:VisualStateGroup x:Name="CommonStates">
                                        <vsm:VisualState x:Name="Normal" />
                                        <vsm:VisualState x:Name="MouseOver" />
                                        <vsm:VisualState x:Name="Pressed" />
                                        <vsm:VisualState x:Name="Disabled" />
                                    </vsm:VisualStateGroup>
                                    <vsm:VisualStateGroup x:Name="FocusStates">
                                        <vsm:VisualState x:Name="Unfocused" />
                                        <vsm:VisualState x:Name="Focused" />
                                    </vsm:VisualStateGroup>
                                    <vsm:VisualStateGroup x:Name="ValidationStates">
                                        <vsm:VisualState x:Name="Valid" />
                                        <vsm:VisualState x:Name="InvalidUnfocused">

                                        </vsm:VisualState>
                                        <vsm:VisualState x:Name="InvalidFocused">

                                        </vsm:VisualState>
                                    </vsm:VisualStateGroup>
                                </vsm:VisualStateManager.VisualStateGroups>

                                <Border x:Name="InnerBorder" BorderThickness="1" CornerRadius="4" 
                                Background="{TemplateBinding Background}" 
                                BorderBrush="{TemplateBinding BorderBrush}"
                                Padding="0">

                                    <ScrollViewer x:Name="ScrollViewer" Padding="{TemplateBinding Padding}"
                                          Background="{x:Null}" 
                                          BorderBrush="Transparent" BorderThickness="0" Margin="0"
                                          TabNavigation="{TemplateBinding TabNavigation}">
                                        <ItemsPresenter />
                                    </ScrollViewer>
                                </Border>
                            </Grid>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>
    </Application.Resources>

在树控件加上 Style="{StaticResource TreeType}"