WPF實現Interaction框架的Behavior擴充套件

2022-06-24 14:06:15

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

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

新增Interactions庫的參照。主要新增如下兩個DLL：Microsoft.Expression.Interactions.dll和System.Windows.Interactivity.dll。
新增如下名稱空間

xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity"
xmlns:ei="http://schemas.microsoft.com/expression/2010/interactions"
在控制元件中新增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（實現得比較簡單，並不完善），大體上關鍵的地方有如下三個：

通過AssociatedObject屬性獲取附加的物件。
通過過載OnAttached函數進行Behavior附加上時的初始化操作
通過過載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);
        }
    }

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支援it145.com。

WPF實現Interaction框架的Behavior擴充套件

編寫自己的Behavior

熱門文章