1. 程式人生 > >WPF Interaction框架簡介(一)——Behavior

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);
        }
    }
View Code