深圳哪家做网站好,南京网站建设培训,网站用户反馈,百度推广按效果付费是多少钱Silverlight Blend动画设计系列八#xff1a;拖放(Drag-Drop)操作与拖放行为(DragBehavior) 原文:Silverlight Blend动画设计系列八#xff1a;拖放(Drag-Drop)操作与拖放行为(DragBehavior)在Silverlight中自身并没有提供拖放功能的相关实现#xff0c;要实现拖… Silverlight Blend动画设计系列八拖放(Drag-Drop)操作与拖放行为(DragBehavior) 原文:Silverlight Blend动画设计系列八拖放(Drag-Drop)操作与拖放行为(DragBehavior) 在Silverlight中自身并没有提供拖放功能的相关实现要实现拖放功能得借助其事件支持MouseLeftButtonDown、MouseLeftButtonUp和MouseMove来完成实际应用中我们可以通过行为Behavior特性将拖放操作封装为行为这样可达到代码复用的效果。而在Blend中则直接提供了拖放操作行为它位于Microsoft.Expression.Interactions.dll的Microsoft.Expression.Interactivity.Layout名称空间下。 Silverlight中的拖放操作通常是使用事件驱动动态定位对象的坐标来实现首先来看看如何通过代码的可编程方式在Silverlight中实现拖放操作如下代码块 private void OnMouseLeftButtonDown(object sender, MouseButtonEventArgs e){ FrameworkElement element sender as FrameworkElement; MousePosition e.GetPosition(null); IsMouseCaptured true; element.CaptureMouse(); element.Cursor Cursors.Hand;}private void OnMouseLeftButtonUp(object sender, MouseButtonEventArgs e){ FrameworkElement element sender as FrameworkElement; IsMouseCaptured false; element.ReleaseMouseCapture(); MousePosition.X MousePosition.Y 0; element.Cursor null;}private void OnMouseMove(object sender, MouseEventArgs e){ FrameworkElement element sender as FrameworkElement; if (IsMouseCaptured) { double Y e.GetPosition(null).Y - MousePosition.Y; double X e.GetPosition(null).X - MousePosition.X; X X (double)element.GetValue(Canvas.LeftProperty); Y Y (double)element.GetValue(Canvas.TopProperty); element.SetValue(Canvas.LeftProperty, X); element.SetValue(Canvas.TopProperty, Y); MousePosition e.GetPosition(null); }} 如上定义好的三个方法实现了对象的拖放算法实际应用中只需要将需要进行拖放移动的对象分别添加MouseLeftButtonDown、MouseLeftButtonUp和MouseMove事件处理就行了。如下示例代码 attachedElement.MouseLeftButtonDown (s, e) OnMouseLeftButtonDown(s, e);attachedElement.MouseLeftButtonUp (s, e) OnMouseLeftButtonUp(s, e);attachedElement.MouseMove (s, e) OnMouseMove(s, e); 按照常规做法我们会将以上相关方法的实现封装为一个基类以达到复用的目的但本文不推荐使用基类去封装拖放行为因为Silverlight有专门用于处理对象行为的特性-Behaviors。在Silverlight中System.Windows.Interactivity命名空间下提供了行为的基础框架我们可以进行自由的扩展行为以实现自己的不同需求。安装Blend后可以在安装目录下找到Microsoft.Expression.Interactivity.dll这个库这个库提供了一些比较常用的集中行为扩展在Blend中通过“窗口”--“资产”打开资产面板选择行为资产就可以查看到Silverlight 3中所提供的扩展行为如下图 我们可以将上面实现对象拖放的功能封装为行为以达到代码复用在Blend中通过“文件”--“新建”菜单项可打开新建对象对话框。 Blend新建向导创建的行为提供了一套行为模板如下代码块 public class Behavior1 : BehaviorDependencyObject{ public Behavior1() { // 在此点下面插入创建对象所需的代码。 // // 下面的代码行用于在命令 // 与要调用的函数之间建立关系。如果您选择 // 使用 MyFunction 和 MyCommand 的已注释掉的版本而不是创建自己的实现 // 请取消注释以下行并添加对 Microsoft.Expression.Interactions 的引用。 // // 文档将向您提供简单命令实现的示例 // 您可以使用该示例而不是使用 ActionCommand 并引用 Interactions 程序集。 // //this.MyCommand new ActionCommand(this.MyFunction); } protected override void OnAttached() { base.OnAttached(); // 插入要在将 Behavior 附加到对象时运行的代码。 } protected override void OnDetaching() { base.OnDetaching(); // 插入要在从对象中删除 Behavior 时运行的代码。 } /* public ICommand MyCommand { get; private set; } private void MyFunction() { // 插入要在从对象中删除 Behavior 时运行的代码。 } */} 要实现自定义行为通过此行为模板进行自我扩展就行了位于System.Windows.Interactivity中的Behavior提供了将行为或命令进行封装以达到可进行附加到其他的一个对象上需要注意的是自定义行为默认继承BehaviorDependencyObject使用DependencyObject类型的行为是不能访问对象的鼠标事件的如果要访问鼠标操作的事件可以使用具体的UI组件类型或者直接使用UI元素基类UIElement。 下面为将本篇前面实现对象拖放功能的代码进行了行为的封装完整代码如下 /// summary/// Behavior封装行为和命令便于附加到对象中。/// DependencyObject不能实现访问鼠操作事件/// UIElement:可访问鼠标事件/// /summarypublic class DragBehavior : BehaviorUIElement{ private UIElement attachedElement; private UserControl parent; private bool IsMouseCaptured; private Point MousePosition; protected override void OnAttached() { attachedElement this.AssociatedObject; parent Application.Current.RootVisual as UserControl; attachedElement.MouseLeftButtonDown (s, e) OnMouseLeftButtonDown(s, e); attachedElement.MouseLeftButtonUp (s, e) OnMouseLeftButtonUp(s, e); attachedElement.MouseMove (s, e) OnMouseMove(s, e); } private void OnMouseMove(object sender, MouseEventArgs e) { FrameworkElement element sender as FrameworkElement; if (IsMouseCaptured) { double Y e.GetPosition(null).Y - MousePosition.Y; double X e.GetPosition(null).X - MousePosition.X; X X (double)element.GetValue(Canvas.LeftProperty); Y Y (double)element.GetValue(Canvas.TopProperty); element.SetValue(Canvas.LeftProperty, X); element.SetValue(Canvas.TopProperty, Y); MousePosition e.GetPosition(null); } } private void OnMouseLeftButtonUp(object sender, MouseButtonEventArgs e) { FrameworkElement element sender as FrameworkElement; IsMouseCaptured false; element.ReleaseMouseCapture(); MousePosition.X MousePosition.Y 0; element.Cursor null; } private void OnMouseLeftButtonDown(object sender, MouseButtonEventArgs e) { FrameworkElement element sender as FrameworkElement; MousePosition e.GetPosition(null); IsMouseCaptured true; element.CaptureMouse(); element.Cursor Cursors.Hand; } protected override void OnDetaching() { base.OnDetaching(); }} 通过行为特性将对象的拖放功能进行封装以达到复用的目的以上就全部实现了这个功能测试可通过CtrolShiftB编译项目然后通过“资产”面板就可以发现以上自定义扩展的拖放行为。 使用行为非常简单打开Blend的资源面板中选中需要使用的行为将其拖放到要使用该行为的对象Blend中设计的界面对象上就行了。其实在Blend也提供了拖放行为:MouseDragElementBehavior直接使用这个行为和本篇所介绍的实现达到的是同样的效果。以下为分别使用这两种行为所对应生成的XAML编码 UserControl xmlnshttp://schemas.microsoft.com/winfx/2006/xaml/presentation xmlns:xhttp://schemas.microsoft.com/winfx/2006/xaml xmlns:iclr-namespace:System.Windows.Interactivity;assemblySystem.Windows.Interactivity xmlns:localclr-namespace:DragBehavior xmlns:ilclr-namespace:Microsoft.Expression.Interactivity.Layout;assemblyMicrosoft.Expression.Interactions x:ClassDragBehavior.MainControl Width800 Height600 Canvas x:NameLayoutRoot BackgroundWhite Rectangle Fill#FFFF0000 Stroke#FF000000 Height100 Width100 Canvas.Left100 Canvas.Top100 i:Interaction.Behaviors il:MouseDragElementBehavior/ /i:Interaction.Behaviors /Rectangle Ellipse Fill#FF0000FF Stroke#FF000000 Height100 Width100 Canvas.Top219 Canvas.Left397 i:Interaction.Behaviors local:DragBehavior/ /i:Interaction.Behaviors /Ellipse /Canvas/UserControl 推荐资源 Expression Blend实例中文教程(9) - 行为快速入门Behaviors Silverlight中实现强壮的、可复用的拖放行为 Silverlight Blend动画设计系列文章 MSDN:http://msdn.microsoft.com/zh-cn/library/cc189090(VS.95).aspx http://www.silverlight.net/learn/quickstarts/animations/ 版权说明 本文属原创文章欢迎转载且注明文章出处其版权归作者和博客园共有。 作 者Beniao 文章出处http://beniao.cnblogs.com/ 或 http://www.cnblogs.com/ posted on 2018-10-21 13:36 NET未来之路 阅读(...) 评论(...) 编辑 收藏 转载于:https://www.cnblogs.com/lonelyxmas/p/9824761.html
