原文:
[uwp]自定义Behavior之随意拖动
由于最近有需求,所以自定义了一个随意拖动元素的Behavior.
当然在使用这个自定义的Behavior时,有个小假设:拖动元素必须是Canvas容器的子元素。
实现原理比较简单低效:
监听被拖动元素的PointerMoved事件,当事件触发的时候,获取当前的指针信息,判断是否处于鼠标左键按下状态(Properties.IsLeftButtonPressed,在触摸屏上,手指移动时,该属性也为真),如果为真,就执行改变元素位置的代码,否则不做处理。
原理大致如上。
鉴于比较简单,直接上代码
public class DragBehavior : DependencyObject, IBehavior { private bool isTap = false; private FrameworkElement element; private Canvas surface; public DependencyObject AssociatedObject { get { throw new NotImplementedException(); } } public void Attach(DependencyObject associatedObject) { element = associatedObject as FrameworkElement; element.PointerMoved += Element_PointerMoved; } private void Element_PointerMoved(object sender, Windows.UI.Xaml.Input.PointerRoutedEventArgs e) { var point=e.GetCurrentPoint((UIElement)sender); if (point.Properties.IsLeftButtonPressed) { var pos = point.Position; pos.X = pos.X - element.ActualWidth / 2.0; pos.Y = pos.Y - element.ActualHeight / 2.0; var left = (double)element.GetValue(Canvas.LeftProperty); var top = (double)element.GetValue(Canvas.TopProperty); element.SetValue(Canvas.LeftProperty, left + pos.X); element.SetValue(Canvas.TopProperty, top + pos.Y); } } public void Detach() { if (element != null) { element.PointerMoved -= Element_PointerMoved; } } }
有必要解释的是,pos是相对于被拖动元素自身的位置偏移,而并不是相对于容器的偏移量。
var pos = point.Position; pos.X = pos.X - element.ActualWidth / 2.0; pos.Y = pos.Y - element.ActualHeight / 2.0
这两句目的在于,使指针位于元素中心,默认否则指针会在元素左上角处,比较难看。
最后就是如同普通的Behavior一样,附加到元素上就可以,不过元素一定要是Canvas容器的子元素,并且该元素继承自FrameworkElement(一般多从这儿继承)。
以上代码便是全部。使用时记着要添加Behaviors SDK的引用。