为了定制个性化的用户界面,我们通常会借助于WPF强大的样式(style),修改控件属性,重写控件模板(template),样式帮助我们构建一致的个性化控件。通过样式可以调整界面的显示效果,这只是界面构成的一部分,界面有很多功能是与程序功能无关的,比如停靠、拖动、缩放等,这些通用的功能要如何实现呢,所有用到的地方都单独实现肯定是不现实的,行为(behavior)这时就可以大展拳脚了。
什么是行为,行为是为控件封装好的功能。你可以为Image控件封装缩放行为,或者为所有控件(UIElement)封装拖动行为,后面有例子。
行为(Behavior)不是基础WPF的一部分,他是作为Expression Blend的设计特性而引入的,因此使用Behavior时需要手动添加reference,C:\Program Files (x86)\Microsoft SDKs\Expression\Blend\.NETFramework\v4.5\Libraries\System.Windows.Interactivity.dll,安装完visual studio就会有这个文件啦。
现在开始封装一个行为,实现控件在Canvas面板上的拖拽。Behavior是一个模板类,封装控件的行为只需要继承Behavior<T>就可以了,T为控件的类型,这里要为所有控件封装拖拽行为,因此使用了UIElement。
需要重载 OnAttached和OnDetaching方法,其中AssociatedObject指的是封装了该行为的控件。
using System.Windows.Interactivity;
public class DragInCanvsBehavior : Behavior<UIElement> { private Canvas m_Canvas; private bool m_IsDraging; private Point m_PositionOffset; protected override void OnAttached() { base.OnAttached(); AssociatedObject.MouseLeftButtonDown += AssociatedObjectOnMouseLeftButtonDown; AssociatedObject.MouseMove += AssociatedObjectOnMouseMove; AssociatedObject.MouseLeftButtonUp += AssociatedObjectOnMouseLeftButtonUp; } private void AssociatedObjectOnMouseLeftButtonDown(object sender, MouseButtonEventArgs mouseButtonEventArgs) { if (m_Canvas == null) m_Canvas = (Canvas)VisualTreeHelper.GetParent(AssociatedObject); m_IsDraging = true; m_PositionOffset = mouseButtonEventArgs.GetPosition(AssociatedObject); AssociatedObject.CaptureMouse(); } private void AssociatedObjectOnMouseMove(object sender, MouseEventArgs mouseEventArgs) { if(!m_IsDraging) return; Point mouseposition = mouseEventArgs.GetPosition(m_Canvas); AssociatedObject.SetValue(Canvas.LeftProperty, mouseposition.X - m_PositionOffset.X); AssociatedObject.SetValue(Canvas.TopProperty, mouseposition.Y - m_PositionOffset.Y); } private void AssociatedObjectOnMouseLeftButtonUp(object sender, MouseButtonEventArgs mouseButtonEventArgs) { if (!m_IsDraging) return; m_IsDraging = false; AssociatedObject.ReleaseMouseCapture(); } protected override void OnDetaching() { base.OnDetaching(); AssociatedObject.MouseLeftButtonDown -= AssociatedObjectOnMouseLeftButtonDown; AssociatedObject.MouseMove -= AssociatedObjectOnMouseMove; AssociatedObject.MouseLeftButtonUp -= AssociatedObjectOnMouseLeftButtonUp; } }
使用Behavior的方法如下,这时就会得到一个可以拖动的矩形了。
<Window x:Class="BehaviorDemo.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:local="clr-namespace:BehaviorDemo" xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity" mc:Ignorable="d" Title="MainWindow" Height="350" Width="525"> <Canvas> <Rectangle Height="40" Width="80" Canvas.Left="100" Canvas.Top="50" Fill="Aqua"> <i:Interaction.Behaviors> <local:DragInCanvsBehavior/> </i:Interaction.Behaviors> </Rectangle> <Ellipse Height="40" Width="80" Fill="AntiqueWhite"/> </Canvas> </Window>
在i:Interaction下面除了Behavior之外,还可以定义Triggers,但是这个触发器和样式(style)中的触发器(Trigger)可不是同一个东西,这个触发器是为Silverlight准备的,因为silverlight不支持样式触发器,因此如果使用WPF,就不用关注这部分了。