金贤重中文网,烈火重生之第三帝国,春暖花开 图片
在实际项目应用中会存在多种类型的层次结构数据，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 list<groups> groups = new list<groups>();groups.add(new group);........
public class group {
public int id { get; set; }
public string name { get; set; }
private list<box> boxes = new list<box>();
public list<box> boxes {
get { return boxes; }
}
}
listbox的itemsource binding list<groups>的数据集合，其item中的listbox binding list<box>,则item中的listbox是无法获取list<box>这个数据集合的;
三、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进行子节点的选中和未选中的状态传递。
如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！
点击进行留言回复
我要评论
网友评论