WPF自定义虚线树形控件

WPF自定义虚线树形控件

项目领导要求来一个带虚线的树形控件，说这个东西好看，但WPF没有这种虚线型树控件。首先想到是从网上找个现成的，但在网上查了半于，都不如意，没办法，自己写，开干。

项目中有Tree控件Style，直接从上面入手改动，关键在于垂直虚线如何跨多个子结点，而且在最后一个结点处，不能划满格竖线。

经过几轮反复，完成成品样式如下：

主要代码如下：

<Grid x:Name="gridRoot">

                        <Grid.ColumnDefinitions>

                            <ColumnDefinition Width="Auto"/>

                            <ColumnDefinition Width="Auto"/>

                            <ColumnDefinition Width="*"/>

                        </Grid.ColumnDefinitions>

                        <Grid.RowDefinitions>

                            <RowDefinition Height="Auto"/>

                            <RowDefinition Height="*"/>

                        </Grid.RowDefinitions>

                        <!---画竖线-->

                        <Grid>

                            <Grid.RowDefinitions>

                                <RowDefinition Height="*"/>

                                <RowDefinition Height="*"/>

                            </Grid.RowDefinitions>

                            <Rectangle x:Name="VerLn1" Width="1" Stroke="#8888" Margin="10,0,0,0"

                                 SnapsToDevicePixels="true" StrokeDashArray="2" StrokeThickness="1" />

                        </Grid>

                        <Grid Grid.Row="1">

                            <Rectangle x:Name="VerLn2" Width="1" Stroke="#8888" Margin="10,0,0,0"

          &n