WPF Interaction框架簡介(一)——Behavior
在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(); } }View Code
上面的程式碼同樣實現了一個將控制元件水平方向傾斜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); } }View Code