Silverlight 行为(Behavior)

Silverlight 行为(Behavior),第1张

概述        行为的目的在于封装部分UI功能,那样就可以直接应用于元素而不用写任何代码。行为是一组相关 *** 作的组合,它包含了触发器(监听某个事件或改变)和动作(完成适当的 *** 作)的工作。例如,Deep Zoom功能由一些事件处理程序组成,允许通过鼠标按键和鼠标滚轮对Deep Zoom 图像进行平移和缩放。         想象一下在Canvas上如何让一个元素可以拥有拖放的行为,首先要创建一个派生自         行为的目的在于封装部分UI功能,那样就可以直接应用于元素而不用写任何代码。行为是一组相关 *** 作的组合,它包含了触发器(监听某个事件或改变)和动作(完成适当的 *** 作)的工作。例如,Deep Zoom功能由一些事件处理程序组成,允许通过鼠标按键和鼠标滚轮对Deep Zoom 图像进行平移和缩放。

        想象一下在Canvas上如何让一个元素可以拥有拖放的行为,首先要创建一个派生自Behavior的类,Behavior是个泛型类,可以通过类型参数将行为限制到特定的元素,通常可以使用UIElement 或者是 FrameworkElement。

        当用户按下鼠标左键,DragInCanvasBehavior开始拖拽 *** 作,记录下元素左上角与鼠标指针之间的偏移量,并捕获鼠标。

view plain copy to clipboard print ? public class DragInCanvasBehavior : Behavior<UIElement>   {       protected overrIDe voID OnAttached()       {           base.OnAttached();           //附加事件处理程序            this.Associatedobject.MouseleftbuttonDown += new MousebuttonEventHandler(Associatedobject_MouseleftbuttonDown);           this.Associatedobject.MouseMove += new MouseEventHandler(Associatedobject_MouseMove);           this.Associatedobject.MouseleftbuttonUp += new MousebuttonEventHandler(Associatedobject_MouseleftbuttonUp);       }          protected overrIDe voID OnDetaching()       {           base.OnDetaching();           //分离事件处理程序            this.Associatedobject.MouseleftbuttonDown -= new MousebuttonEventHandler(Associatedobject_MouseleftbuttonDown);           this.Associatedobject.MouseMove -= new MouseEventHandler(Associatedobject_MouseMove);           this.Associatedobject.MouseleftbuttonUp -= new MousebuttonEventHandler(Associatedobject_MouseleftbuttonUp);       }          //记录当前元素所放置的Canvas        private Canvas canvas;       //记录当前元素是否正被拖拽        private bool isDragging = false;       //当鼠标左键按下的时候,记录单击所在的准确位置        private Point mouSEOffset;          private voID Associatedobject_MouseleftbuttonDown(object sender, MousebuttonEventArgs e)       {           //找到Canvas            if (canvas == null)           {               canvas = (Canvas)VisualTreeHelper.GetParent(this.Associatedobject);           }           //拖拽模式开始            isDragging = true;           //获取鼠标单击时相对于元素的位置            //因此元素左上角的坐标为(0, 0)            mouSEOffset = e.Getposition(Associatedobject);           //捕获鼠标,这样即使用户突然将鼠标指针拽到元素外,仍然可以接收到MouseMove事件            Associatedobject.CaptureMouse();       }          private voID Associatedobject_MouseMove(object sender, MouseEventArgs e)       {           if (isDragging)           {               //鼠标指针相对于Canvas的位置                Point point = e.Getposition(canvas);               //重定位元素                Canvas.Setleft(Associatedobject, point.X - mouSEOffset.X);               Canvas.Settop(Associatedobject, point.Y - mouSEOffset.Y);           }       }          private voID Associatedobject_MouseleftbuttonUp(object sender, MousebuttonEventArgs e)       {           if (isDragging)           {               Associatedobject.ReleaseMouseCapture();               isDragging = false;           }       }   }     

接下来只要简单的附加到Canvas中的任何元素,就可以使用这个行为。

view plain copy to clipboard print ? <UserControl x:Class="SilverlightApplication1.Behaviors.BehaviorSample"       xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"       xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"       xmlns:d="http://schemas.microsoft.com/Expression/blend/2008"       xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"       xmlns:custom="clr-namespace:SilverlightApplication1.Behaviors"       xmlns:i="clr-namespace:System.windows.Interactivity;assembly=System.windows.Interactivity"                 mc:Ignorable="d"       d:DesignHeight="300" d:DesignWIDth="400">       <Canvas>           <Rectangle Canvas.left="10" Canvas.top="10" WIDth="40" Height="60" Fill="Yellow" />           <Ellipse Canvas.left="10" Canvas.top="70" Fill="Blue" WIDth="80" Height="60">               <i:Interaction.Behaviors>                   <custom:DragInCanvasBehavior />               </i:Interaction.Behaviors>           </Ellipse>           <Ellipse Canvas.left="80" Canvas.top="70" Fill="OrangeRed" WIDth="40" Height="70">               <i:Interaction.Behaviors>                   <custom:DragInCanvasBehavior />               </i:Interaction.Behaviors>           </Ellipse>       </Canvas>   </UserControl>  

本文链接地址为:http://blog.csdn.net/fan_ken/article/details/6737495

总结

以上是内存溢出为你收集整理的Silverlight 行为(Behavior)全部内容,希望文章能够帮你解决Silverlight 行为(Behavior)所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址:https://www.54852.com/web/1073772.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-05-26
下一篇2022-05-26

发表评论

登录后才能评论

评论列表(0条)

    保存