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

原文: 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();
        }
    }      

View Code

上面的代碼同樣實作了一個将控件水準方向傾斜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);
        }
    }