在实际项目应用中会存在多种类型的层次结构数据,WPF提供了良好的数据绑定机制。其中运用最频繁的就是ListBox和TreeView控件。
一、ListBox和TreeView控件的区别
1.ListBox显示单层次数据集合,TreeView可以显示单层次和多层次数据集合;
2.通过ListBox在UI层面可以展示良好的数据显示效果,对数据集合可以进行排序、分组、过滤操作;
3.TreeView显示为一个多层次的数据集合为树形结构,通过Templete和Style属性同样可以为其定义良好的数据显示效果;
二、ListBox控件示例
1.ListBox绑定数据进行分组:
使用ListBox.GridStyle标签,定义HeaderTemplate属性用来定义组头的外观:
复制代码 代码如下:
代码
ListBox ItemSource="{Binding Path=Data}">
ListBox.GridStyle>
GroupStyle.HeaderTemplate>
DataTemplate>
Stackpanel>
Image Source="xxx.jpg"/>
Label Content="C:"/>
Stackpanel>
/DataTemplate>
/GroupStyle.HeaderTemplate>
/ListBox.GridStyle>
......
/ListBox>
这样就可以创建出类似WINDOWS 文件管理器的效果:
2.Listbox一些使用经验:
/1 如果要实现类似WINDOWS的漂亮的界面效果并进行分组,需要自定义GroupStyle的样式,否则WPF会使用内建的GroupStyle,也可以引用GroupStyle.Default静态属性。
/2 ListBox只能定义一层数据结构,在ListBox中的Item里再次使用ListBox,后ListBox里的ItemSource不会继承上一层ListBox的Item源中的数据集合,如有如下数据集合:
复制代码 代码如下:
public ListGroups> groups = new ListGroups>();groups.Add(new Group);........
复制代码 代码如下:
public class Group {
public int Id { get; set; }
public string Name { get; set; }
private ListBox> boxes = new ListBox>();
public ListBox> Boxes {
get { return boxes; }
}
}
Listbox的ItemSource Binding ListGroups>的数据集合,其Item中的ListBox Binding ListBox>,则Item中的ListBox是无法获取ListBox>这个数据集合的;
三、TreeView控件示例
1.有如上数据集合,使用TreeView绑定多层数据集合:
复制代码 代码如下:
代码
TreeView x:Name="maintree" FocusVisualStyle="{x:Null}" ItemsSource="{Binding Groups}">
TreeView.ItemContainerStyle>
Style TargetType="{x:Type TreeViewItem}">
Setter Property="IsExpanded" Value="{Binding IsExpanded, Mode=TwoWay}" />
Setter Property="IsSelected" Value="{Binding IsSelected, Mode=TwoWay}" />
Setter Property="FontWeight" Value="Normal" />
Style.Triggers>
Trigger Property="IsSelected" Value="True">
Setter Property="FontWeight" Value="Bold"/>
/Trigger>
/Style.Triggers>
/Style>
/TreeView.ItemContainerStyle>
TreeView.Resources>
HierarchicalDataTemplate DataType="{x:Type m:GroupVO}" ItemsSource="{Binding Boxes}">
StackPanel Orientation="Horizontal">
Label Content="{Binding Path=FriendlyName}">/Label>
CheckBox VerticalAlignment="Center" IsChecked="{Binding Path=IsSelected}">/CheckBox>
/StackPanel>
/HierarchicalDataTemplate>
DataTemplate DataType="{x:Type m:BoxVO}">
Grid Margin="0,5,5,10" MouseDown="maintree_MouseDown" Loaded="Grid_Loaded">
Grid.RowDefinitions>
RowDefinition>/RowDefinition>
/Grid.RowDefinitions>
Grid.ColumnDefinitions>
ColumnDefinition Width="*">/ColumnDefinition>
ColumnDefinition Width="6*">/ColumnDefinition>
/Grid.ColumnDefinitions>
Image Source="/Resources/Images/shgbit.png" Width="50" VerticalAlignment="Top" Grid.Column="0" Grid.Row="0">/Image>
Label Grid.RowSpan="2" Grid.Row="0" Grid.Column="0" Margin="5,5,0,0" Content="{Binding Path=FriendlyName}">/Label>
/DataTemplate>
/TreeView.Resources>
/TreeView>
HierarchicalDataTemplate属性为层级数据模板,它继承数据集合的层级结构,要表示树的层级依赖关系必须使用HierarchicalDataTemplate。
属性绑定数据使用TwoWay是为双向属性,当源数据或目标被改变是更新另一方的数据。在层次树表示中的典型应用就是:用CheckBox进行子节点的选中和未选中的状态传递。
您可能感兴趣的文章:- WPF中的ListBox实现按块显示元素的方法
- WPF的数据绑定详细介绍
- WPF绑定实例详解
- MVVM模式下WPF动态绑定展示图片
- C#中WPF ListView绑定数据的实例详解
- WPF快速入门教程之绑定Binding
- WPF基础教程之元素绑定详解