今天我用WPF的自带的树形来搭一个页面,适合新手看,这里有了DockPanel布局、Grid网格布局。本来还想在TreeView哪里用StackPanel布局,但是发现一点小小问题。所以我最后用了网格布局。
这里我用DockPanel布局的DockPanel.Dock=“Left”,也是中间那部分。
这里使用网格布局分为两列。
<Grid.ColumnDefinitions>
<ColumnDefinition Width="1*"/>
<ColumnDefinition Width="6*"/>
</Grid.ColumnDefinitions>
再使用网格布局把第一列分为两行。
<Grid.RowDefinitions>
<RowDefinition Height="1*"/>
<RowDefinition Height="2*"/>
</Grid.RowDefinitions>
第一行放的是一图片,可以是如何图片,都可以放,只要你有技术就行。
<Image Grid.Row="0" Source="E:\图片\死神\1eaa51b04d59b2e22fd13f6992ae6da2.jpg" Stretch="Fill"/>
接下来是我们的TreeView基础树形结构的代码,
<TreeView Name="myTreeViewEvent" Grid.Row="1" >
<TreeViewItem Header="网上订舱" IsSelected="True" HorizontalAlignment="Stretch" VerticalAlignment="Center" Margin="5" FontSize="12">
<TreeViewItem Header="航班舱位查询" Margin="5"/>
<TreeViewItem Header="订舱记录查询" Margin="5"/>
<TreeViewItem Header="有运单订舱操作" Margin="5" />
</TreeViewItem>
<TreeViewItem Header="制单管理" HorizontalAlignment="Stretch" VerticalAlignment="Center" Margin="5" FontSize="12">
<TreeViewItem Header="国际正式制单" Margin="5"/>
<TreeViewItem Header="国际公务制单" Margin="5"/>
<TreeViewItem Header="运单查询管理" Margin="5"/>
</TreeViewItem>
<TreeViewItem Header="航班管理" HorizontalAlignment="Stretch" VerticalAlignment="Center" Margin="5" FontSize="12">
<TreeViewItem Header="常航班管理" Margin="5"/>
</TreeViewItem>
<TreeViewItem Header="出港配载" HorizontalAlignment="Stretch" VerticalAlignment="Center" Margin="5" FontSize="12">
<TreeViewItem Header="ULD配载" Margin="5"/>
<TreeViewItem Header="航班配载" Margin="5"/>
<TreeViewItem Header="FFM批量出港" Margin="5"/>
</TreeViewItem>
<TreeViewItem Header="进港管理" HorizontalAlignment="Stretch" VerticalAlignment="Center" Margin="5" FontSize="12">
<TreeViewItem Header="货物进港操作" Margin="5"/>
<TreeViewItem Header="提货处理" Margin="5" />
<TreeViewItem Header="提货通知" Margin="5"/>
<TreeViewItem Header="海关货物转港处理" Margin="5"/>
</TreeViewItem>
<TreeViewItem Header="货物管理" HorizontalAlignment="Stretch" VerticalAlignment="Center" Margin="5" FontSize="12">
<TreeViewItem Header="不正常货物管理"/>
<TreeViewItem Header="不正常类型维护"/>
</TreeViewItem>
<TreeViewItem Header="辅助功能管理" HorizontalAlignment="Stretch" VerticalAlignment="Center" Margin="5" FontSize="12">
<TreeViewItem Header="下载基础数据"/>
<TreeViewItem Header="下载客户端文件"/>
<TreeViewItem Header="用户提醒列表"/>
</TreeViewItem>
</TreeView>