WPF之Behavior

时间:2023-03-09 00:27:01
WPF之Behavior

本文主要是以实现拖动元素作为例子。

创建Behavior:

通常这个类会继承自Behavior<T>,其中T就是此Behavior服务的对象,在此处使用的是UIElement,也就是虽有的UIElement类型的元素都可以使用。

 public class DragInCanvasBehavior : Behavior<UIElement>
{
//元素父节点
private Canvas canvas;
//标识是否进入拖动
private bool isDraging = false;
//按下鼠标时的坐标(用于计算要移动的位置)
private Point mouseOffset; /// <summary>
/// 附加行为后
/// </summary>
protected override void OnAttached()
{
base.OnAttached();
//添加鼠标事件(AssociatedObject也就是当前应用此Behavior的元素)
this.AssociatedObject.MouseLeftButtonDown += AssociatedObject_MouseLeftButtonDown;
this.AssociatedObject.MouseMove += AssociatedObject_MouseMove;
this.AssociatedObject.MouseLeftButtonUp += AssociatedObject_MouseLeftButtonUp;
} void AssociatedObject_MouseLeftButtonUp(object sender, System.Windows.Input.MouseButtonEventArgs e)
{
//释放拖动状态
isDraging = false;
} void AssociatedObject_MouseMove(object sender, System.Windows.Input.MouseEventArgs e)
{
//如果进入拖动状态
if (isDraging)
{
//得到新的位置
Point newPoint = e.GetPosition(canvas);
//旧的坐标加上新坐标和旧坐标的差
mouseOffset.X += newPoint.X - mouseOffset.X;
mouseOffset.Y += newPoint.Y - mouseOffset.Y; //设置元素的Left和Top,之所以要用X(Y)减去Width(Height),主要是为了使鼠标在元素中心
Canvas.SetLeft(this.AssociatedObject, mouseOffset.X-(this.AssociatedObject as FrameworkElement).ActualWidth/);
Canvas.SetTop(this.AssociatedObject, mouseOffset.Y - (this.AssociatedObject as FrameworkElement).ActualHeight/);
}
} void AssociatedObject_MouseLeftButtonDown(object sender, System.Windows.Input.MouseButtonEventArgs e)
{
//将元素的父节点元素赋值为Canvas(之所以使用Canvas,是因为Canvas容易动态布局)
if (canvas == null)
canvas = (Canvas)VisualTreeHelper.GetParent(this.AssociatedObject);
//进入拖动状态
isDraging = true;
//获得初始位置
mouseOffset = e.GetPosition(this.AssociatedObject);
this.AssociatedObject.CaptureMouse();
} /// <summary>
/// 分离行为
/// </summary>
protected override void OnDetaching()
{
//移除鼠标事件
this.AssociatedObject.MouseLeftButtonDown -= AssociatedObject_MouseLeftButtonDown;
this.AssociatedObject.MouseMove -= AssociatedObject_MouseMove;
this.AssociatedObject.MouseLeftButtonUp -= AssociatedObject_MouseLeftButtonUp;
}
}

在WPF中实现拖动,一般只需三个事件即可,MouseLeftButtonDown、MouseLeftButtonUp、MouseMove。Down事件负责进入拖动状态,并且记录初始的鼠标坐标(用于拖动中动态修改元素的位置),同时也要得到当前元素的Parent即Canvas,这样才可以在Move时候获得相对于Canvas的新坐标;Up事件负责状态变为正常,这时候在移动就没变化的;Move事件负责的事情比较重要,得到当前鼠标相对于Canvas的新坐标,然后和旧坐标进行计算,最后设置元素的新坐标。

使用Behavior:

注:如果你还没有引用Microsoft.Expression.Interactions.dll和System.Windows.Interactivity.dll,那么赶紧引用进来吧(如果你么有安装Blend,那么就点击下载吧)。

<Window x:Class="WpfApplication2.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:i="clr-namespace:System.Windows.Interactivity;assembly=System.Windows.Interactivity"
xmlns:behavior="clr-namespace:CustomBehaviorsLibrary;assembly=CustomBehaviorsLibrary"
Title="MainWindow" Height="350" Width="525">
<Canvas Background="LightBlue">
<Rectangle Height="50" Width="50" Fill="Green" >
<i:Interaction.Behaviors>
<behavior:DragInCanvasBehavior></behavior:DragInCanvasBehavior>
</i:Interaction.Behaviors>
</Rectangle>
</Canvas>
</Window>

添加对Interactivity和Behavior所属程序及的引用,页面内容很简单,一个Canvas包含一个Rectangle,在Rectangle中设置Behaviros为创建的Behavior,这样神奇的事情就发生了,运行程序,拖动Rectangle,就可以看到可以改变位置了哦。

注:由于本文的示例Behavior和WPF应用程序是分离的,所以在此需要添加对Behavior所在类库的引用,同时在Window标签中添加对Behavior所属Assembly的引用,如果你的Behavior和XAML在同一个程序集,则可以进行适当的修改。

XAML中Trigger和Action组合之后应该是等同于一个Behavior,可以参见本人另一篇日志(Silverlight之Styles和Behaviors)。

希望大家多提意见和建议,如果评论,我会在第一时间回复。