Wpf的树形结构图
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
开发工具与关键技术： Visual Studio 2015 * SQL Server
作者：
撰写时间：2019年07月17日
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
树形是一种抽象数据类型（ADT）或这是实作这种抽象数据类型的数据结构也是一类重要的非线性的数据结构，用来模拟具有树形结构性质的数据集合。它是由j（j>0）个有限节点组成一个具有层次关系的集合。
第一种：使用TreeViewItem控件：
<Border Grid.Row="0" BorderBrush="LightGray" BorderThickness="1" >
<TreeView Grid.Column="0" Grid.ColumnSpan="2" Margin="0,0,0,-0.4" >
<TreeViewItem Header="所有数据" IsEnabled="True">
<TreeView BorderThickness="0">
<TreeViewItem Header="深圳四季花城一期" IsEnabled="True" Width="120">
<TreeViewItem Header="百合苑"/>
<TreeViewItem Header="海棠苑"/>
</TreeViewItem>
</TreeView>
<TreeView BorderThickness="0">
<TreeViewItem Header="深圳四季花城二期" IsEnabled="True" Width="120">
<TreeViewItem Header="TreeViewItem4" />
<TreeViewItem Header="TreeViewItem5" />
<TreeViewItem Header="TreeViewItem6" />
</TreeViewItem>
</TreeView>
<TreeView BorderThickness="0">
<TreeViewItem Header="深圳四季花城三期" IsEnabled="True" Width="120">
<TreeViewItem Header="TreeViewItem4" />
<TreeViewItem Header="TreeViewItem5" />
<TreeViewItem Header="TreeViewItem6" />
</TreeViewItem>
</TreeView>
</TreeViewItem>
</TreeView>
</Border>
这种使用了Expander控件，然后再使用TreeView控件实现树形的效果。
<Grid>
<Grid.RowDefinitions>
<RowDefinition/>
<RowDefinition/>
<RowDefinition/>
</Grid.RowDefinitions>
<Grid Grid.Row="0">
<Expander>
<Expander.Header>
<StackPanel Orientation="Horizontal">
<Image Height="25" Width="25" Source="/Images/0031.png"/>
<TextBlock Text="变动薪资管理"/>
</StackPanel>
</Expander.Header>
<TreeView Background="#FFF4F4F4" BorderBrush="#FFF4F4F4">
<Button Content="变动薪资管理" x:Name="btnDepartmentSet" Background="#FFF4F4F4" BorderBrush="#FFF4F4F4" Style="{StaticResource ButtonAnimation_1}"/>
</TreeView>
</Expander>
</Grid>
<Grid Grid.Row="1">
<Expander>
<Expander.Header>
<StackPanel Orientation="Horizontal">
<Image Height="25" Width="25" Source="/Images/0031.png"/>
<TextBlock Text="固定薪资管理"/>
</StackPanel>
</Expander.Header>
<TreeView Background="#FFF4F4F4" BorderBrush="#FFF4F4F4">
<Button Content="固定薪资管理" Background="#FFF4F4F4" BorderBrush="#FFF4F4F4" Style="{StaticResource ButtonAnimation_1}"/>
</TreeView>
</Expander>
</Grid>
<Grid Grid.Row="2">
<Expander>
<Expander.Header>
<StackPanel Orientation="Horizontal">
<Image Height="25" Width="25" Source="/Images/0031.png"/>
<TextBlock Text="工资核算"/>
</StackPanel>
</Expander.Header>
<TreeView Background="#FFF4F4F4" BorderBrush="#FFF4F4F4">
<Button Content="职级工资设置" Background="#FFF4F4F4" BorderBrush="#FFF4F4F4" Style="{StaticResource ButtonAnimation_1}"/>
</TreeView>
</Expander>
</Grid>
.......................................
</Grid>
