{
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 : Behavior < DependencyObject >
{
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提供了将行为或命令进行封装以达到可进行附加到其他的一个对象上,需要注意的是自定义行为默认继承Behavior < DependencyObject >,使用DependencyObject类型的行为是不能访问对象的鼠标事件的,如果要访问鼠标 *** 作的事件,可以使用具体的UI组件类型或者直接使用UI元素基类UIElement。 下面为将本篇前面实现对象拖放功能的代码进行了行为的封装,完整代码如下: /// <summary>
/// Behavior:封装行为和命令,便于附加到对象中。
/// DependencyObject:不能实现访问鼠 *** 作事件
/// UIElement:可访问鼠标事件
/// </summary>
public class DragBehavior : Behavior < UIElement >
{
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);
attachedElement.MouseleftbuttonUp += (s, e);
attachedElement.MouseMove += (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();
}
} 通过行为特性将对象的拖放功能进行封装以达到复用的目的,以上就全部实现了这个功能,测试可通过Ctrol+Shift+B编译项目,然后通过“资产”面板就可以发现以上自定义扩展的拖放行为。 使用行为非常简单,打开Blend的资源面板中,选中需要使用的行为,将其拖放到要使用该行为的对象(Blend中设计的界面对象)上就行了。其实在Blend也提供了拖放行为:MouseDragElementBehavior,直接使用这个行为和本篇所介绍的实现达到的是同样的效果。以下为分别使用这两种行为所对应生成的XAML编码: < UserControl
xmlns ="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x ="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:i ="clr-namespace:System.windows.Interactivity;assembly=System.windows.Interactivity"
xmlns:local ="clr-namespace:DragBehavior"
xmlns:il ="clr-namespace:Microsoft.Expression.Interactivity.Layout;assembly=Microsoft.Expression.Interactions"
x:Class ="DragBehavior.MainControl"
WIDth ="800" Height ="600" >
< Canvas x:name ="LayoutRoot" Background ="White" >
< Rectangle Fill ="#FFFF0000" stroke ="#FF000000" Height ="100" WIDth ="100" Canvas.left ="100" Canvas.top ="100" >
< i:Interaction.Behaviors >
< il:MouseDragElementBehavior />
</ i:Interaction.Behaviors >
</ Rectangle >
< Ellipse Fill ="#FF0000FF" stroke ="#FF000000" Height ="100" WIDth ="100" Canvas.top ="219" Canvas.left ="397" >
< 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/ 总结
以上是内存溢出为你收集整理的Silverlight & Blend动画设计系列八:拖放(Drag-Drop) *** 作与拖放行为(DragBehavior)全部内容,希望文章能够帮你解决Silverlight & Blend动画设计系列八:拖放(Drag-Drop) *** 作与拖放行为(DragBehavior)所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)