WPF Interaction框架簡介（一）——Behavior

在WPF 4.0中，引入了一個比較實用的庫——Interactions，這個庫主要是通過附加屬性來對UI控件注入一些新的功能，除了內置了一系列比較好用的功能外，還提供了比較良好的擴展接口。本文這里簡單的介紹一下Behavior這個擴展。

顧名思義，Behavior可以賦予控件新的行為能力，例如，我們可以通過MouseDragElementBehavior給控件附加上支持拖放的能力。使用方式如下：

1. 添加Interactions庫的引用。主要添加如下兩個DLL：Microsoft.Expression.Interactions.dll和System.Windows.Interactivity.dll。
2. 添加如下名字空間

   xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity"
   xmlns:ei="http://schemas.microsoft.com/expression/2010/interactions"

3. 在控件中添加MouseDragElementBehavior

    <Image Source="2.jpg" >
        <i:Interaction.Behaviors>
            <ei:MouseDragElementBehavior/>
        </i:Interaction.Behaviors>
    </Image>

 這三步中前面幾步都是添加Interactions庫的支持，對於后面介紹的Trigger和Action也是一樣的，只有<ei:MouseDragElementBehavior/>一句才是和Behavior相關的。實際上，我們可以通過在Blend里直接將MouseDragElementBehavior拖放到控件上簡化這一過程。加上MouseDragElementBehavior后，我們的控件就支持鼠標拖拽移動了，非常給力。

實際上，系統還提供了一系列非常好用的Behavior，后面我再單獨寫文章來介紹它。 

編寫自己的Behavior

除了系統自己提供的Behavior外，我們也可以通過自己編寫Behavior來實現自定義行為，一個簡單的示例如下：  

    class SkewBehavior : Behavior<UIElement>
    {
        SkewTransform _transForm;

        protected override void OnAttached()
        {
            base.OnAttached();

            _transForm = new SkewTransform();

            AssociatedObject.RenderTransform = _transForm;
            AssociatedObject.RenderTransformOrigin = new Point(0.5, 0.5);
            _transForm.AngleX = 30;
        }

        protected override void OnDetaching()
        {
            _transForm.AngleX = 0;
            base.OnDetaching();
        }
    }

上面的代碼同樣實現了一個將控件水平方向傾斜30度的Behavior（實現得比較簡單，並不完善），大體上關鍵的地方有如下三個：

1. 通過AssociatedObject屬性獲取附加的對象。
2. 通過重載OnAttached函數進行Behavior附加上時的初始化操作
3. 通過重載OnDetaching函數進行移除Behavior時候的析構操作

雖然我們也可以直接通過附加屬性實現這樣的功能，但Interactions框架無疑規范並簡化了這一行為。

最后，附上一個比較常用的鼠標拖放的Behavior，和內置的MouseDragElementBehavior不同的是，它產生鼠標事件，用於實現一些自定義的拖放操作：

    class DragDropBehavior : Behavior<UIElement>
    {
        public event EventHandler<DragDeltaEventArgs> DragDelta;
        public event EventHandler<EventArgs> Drop;

        IInputElement _parent;

        protected override void OnAttached()
        {
            base.OnAttached();

            _parent = LogicalTreeHelper.GetParent(AssociatedObject) as IInputElement;

            if (_parent == null)
                return;

            AssociatedObject.MouseLeftButtonDown += onMouseDown;
            AssociatedObject.MouseMove += onMouseMove;

            AssociatedObject.MouseLeftButtonUp += onMouseUp;
            AssociatedObject.MouseEnter += onDragEnter;
        }

        protected override void OnDetaching()
        {
            AssociatedObject.MouseLeftButtonDown -= onMouseDown;
            AssociatedObject.MouseMove -= onMouseMove;

            AssociatedObject.MouseLeftButtonUp -= onMouseUp;
            AssociatedObject.MouseEnter -= onDragEnter;

            base.OnDetaching();
        }

        Point? start;
        private void onMouseDown(object sender, MouseButtonEventArgs e)
        {
            start = Mouse.GetPosition(_parent);
        }

        private void onMouseMove(object sender, MouseEventArgs e)
        {
            if (!start.HasValue)
                return;

            var p = Mouse.GetPosition(_parent);
            var offset = p - start.Value;

            start = p;

            DragDelta?.Invoke(AssociatedObject, new DragDeltaEventArgs(offset.X, offset.Y));
        }


        private void onMouseUp(object sender, MouseButtonEventArgs e)
        {
            tryEndDrag();
        }

        private void onDragEnter(object sender, MouseEventArgs e)
        {
            tryEndDrag();
        }

        void tryEndDrag()
        {
            if (Mouse.LeftButton != MouseButtonState.Released)
                return;

            start = null;

            Drop?.Invoke(AssociatedObject, EventArgs.Empty);
        }
    }