WPF点滴 行为-Behavior

Posted 2020-11-05 TigerLu

为了定制个性化的用户界面，我们通常会借助于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，就不用关注这部分了。