WPF学习版Win7之TreeView_提高.doc

WPF学习版Win7之TreeView_提高 朋友们，注意了！从本文开始，将使用?Visual Studio 2010 ， Blend 4?作为主要开发工具。 本文包括： Converter 绑定转换及修改模板完善 TreeViewItem 在 MouseOver 时呈现外观 Behavior 附加拖拽行为 Adorner 装饰器装饰拖拽效果 完善 TreeView 外观 新建一 WPF 应用程序。?（注意本节开始用 VS2010 和 Blend 4 开发，使用 VS 08 或 Blend 3 将无法正常打开工程项目。实在抱歉！但不影响查看代码学习！） 新建一用户控件，参见上节用 Blend 创建基本 TreeView 外观。?（整个 Win7 学习版不小，接下来的章节也将会创建继承 UserControl 或 Control 的用户控件，以方便管理与复用） TreeViewItem 的 ControlTemplate 实质布局如下图，一个两行三列的 Grid：?? 默认布局致使子节点（即 ItemHost）总会比父节点向右偏移第一列的宽度（值：19）。?为达到偏移效果并且使得 ItemHost 能横跨所有列（这样 Border 就可以填充整行了），现在修改如下图，两行一列的 Grid，StackPanel 左边被 Margin 填充（值：19）：?? XAML 中 StackPanel 的 Margin 绑定如下（绑定对象是 TreeViewItem）：? StackPanel x:Name=stackPanel Orientation=Horizontal Margin={Binding RelativeSource={RelativeSource FindAncestor, AncestorType=TreeViewItem, AncestorLevel=1}, Converter={StaticResource ConverterLoginMarginLeft}} ConverterLoginMarginLeft类定义如下（利用?VisualTreeHelper）：? public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture) { double columnWidth = 19.0; double left = 0.0; UIElement element = value as TreeViewItem; while (element.GetType() != typeof(TreeView)) { element = (UIElement)VisualTreeHelper.GetParent(element); if (element.GetType() == typeof(TreeViewItem)) left += columnWidth; } return new Thickness(left,0,0,0); } 最初做法是绑定到到父节点的 StackPanel，然后获取其 Margin 并在原基础上加一值（如 19），但受 WPF 布局系统的布局顺序影响（如果用 Mode=OneWaytoSource）以及 Converter 在 OneWay 模式下目标数据的更新并没有导致数据源更改，以致查找上级 StackPanel 时 Margin 值没增加（如果 Model=Default），所以Border 都没能成功填充整行。 附加行为，装饰器 为实现附加行为，首先添加引用：System.Windows.Interactivity.dll （还需要引用相应命名空间，建议先敲上代码，再按 Shitf+Alt+F10 显示提示添加命名空间） 新建一类并继承 BehaviorT 接口。?注意这里是直接把行为应用在 ItemsControl 控件（TreeView）而不是 TreeViewItem 上。?因为像后面将要介绍的主显示控件将会有多种显示视图，如果每个视图都增加拖拽行为不灵活；而且如果在拖拽的对象上附加行为，当按 Ctrl 多选时将较难模拟 Win7 装饰拖拽的多个对象。 class ItemsControlDragDropBehavior