當(dāng)前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

Silverlight Blend动画设计系列八：拖放(Drag-Drop)操作与拖放行为(DragBehavior)

發(fā)布時(shí)間：2023/12/18 编程问答 36 豆豆

生活随笔收集整理的這篇文章主要介紹了 Silverlight Blend动画设计系列八：拖放(Drag-Drop)操作与拖放行为(DragBehavior) 小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

Silverlight & Blend動(dòng)畫設(shè)計(jì)系列八：拖放(Drag-Drop)操作與拖放行為(DragBehavior) 原文:Silverlight & Blend動(dòng)畫設(shè)計(jì)系列八：拖放(Drag-Drop)操作與拖放行為(DragBehavior)

　　在Silverlight中自身并沒有提供拖放功能的相關(guān)實(shí)現(xiàn)，要實(shí)現(xiàn)拖放功能得借助其事件支持（MouseLeftButtonDown、MouseLeftButtonUp和MouseMove）來完成，實(shí)際應(yīng)用中我們可以通過行為（Behavior）特性將拖放操作封裝為行為，這樣可達(dá)到代碼復(fù)用的效果。而在Blend中則直接提供了拖放操作行為，它位于Microsoft.Expression.Interactions.dll的Microsoft.Expression.Interactivity.Layout名稱空間下。

　　Silverlight中的拖放操作通常是使用事件驅(qū)動(dòng)動(dòng)態(tài)定位對(duì)象的坐標(biāo)來實(shí)現(xiàn)，首先來看看如何通過代碼的可編程方式在Silverlight中實(shí)現(xiàn)拖放操作，如下代碼塊：

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);
????}
}

　　如上定義好的三個(gè)方法實(shí)現(xiàn)了對(duì)象的拖放算法，實(shí)際應(yīng)用中只需要將需要進(jìn)行拖放移動(dòng)的對(duì)象分別添加MouseLeftButtonDown、MouseLeftButtonUp和MouseMove事件處理就行了。如下示例代碼：

attachedElement.MouseLeftButtonDown?+=?(s,?e)?=>?OnMouseLeftButtonDown(s,?e);
attachedElement.MouseLeftButtonUp?+=?(s,?e)?=>?OnMouseLeftButtonUp(s,?e);
attachedElement.MouseMove?+=?(s,?e)?=>?OnMouseMove(s,?e);

　　按照常規(guī)做法我們會(huì)將以上相關(guān)方法的實(shí)現(xiàn)封裝為一個(gè)基類以達(dá)到復(fù)用的目的，但本文不推薦使用基類去封裝拖放行為，因?yàn)镾ilverlight有專門用于處理對(duì)象行為的特性-Behaviors。在Silverlight中System.Windows.Interactivity命名空間下提供了行為的基礎(chǔ)框架，我們可以進(jìn)行自由的擴(kuò)展行為以實(shí)現(xiàn)自己的不同需求。安裝Blend后可以在安裝目錄下找到Microsoft.Expression.Interactivity.dll這個(gè)庫，這個(gè)庫提供了一些比較常用的集中行為擴(kuò)展，在Blend中通過“窗口”--“資產(chǎn)”打開資產(chǎn)面板，選擇行為資產(chǎn)就可以查看到Silverlight 3中所提供的擴(kuò)展行為，如下圖：　

　　我們可以將上面實(shí)現(xiàn)對(duì)象拖放的功能封裝為行為以達(dá)到代碼復(fù)用，在Blend中通過“文件”--“新建”菜單項(xiàng)可打開新建對(duì)象對(duì)話框。

　　Blend新建向?qū)?chuàng)建的行為提供了一套行為模板，如下代碼塊：

public?class?Behavior1?:?Behavior<DependencyObject>
{
????public?Behavior1()
????{
????????//?在此點(diǎn)下面插入創(chuàng)建對(duì)象所需的代碼。

????????//
????????//?下面的代碼行用于在命令
????????//?與要調(diào)用的函數(shù)之間建立關(guān)系。如果您選擇
????????//?使用?MyFunction?和?MyCommand?的已注釋掉的版本，而不是創(chuàng)建自己的實(shí)現(xiàn)，
????????//?請(qǐng)取消注釋以下行并添加對(duì)?Microsoft.Expression.Interactions?的引用。
????????//
????????//?文檔將向您提供簡(jiǎn)單命令實(shí)現(xiàn)的示例，
????????//?您可以使用該示例，而不是使用?ActionCommand?并引用?Interactions?程序集。
????????//
????????//this.MyCommand?=?new?ActionCommand(this.MyFunction);
????}

????protected?override?void?OnAttached()
????{
????????base.OnAttached();

????????//?插入要在將?Behavior?附加到對(duì)象時(shí)運(yùn)行的代碼。
????}

????protected?override?void?OnDetaching()
????{
????????base.OnDetaching();

????????//?插入要在從對(duì)象中刪除?Behavior?時(shí)運(yùn)行的代碼。
????}

????/*
????public?ICommand?MyCommand
????{
????????get;
????????private?set;
????}
?????
????private?void?MyFunction()
????{
????????//?插入要在從對(duì)象中刪除?Behavior?時(shí)運(yùn)行的代碼。
????}
????*/
}

　　要實(shí)現(xiàn)自定義行為通過此行為模板進(jìn)行自我擴(kuò)展就行了，位于System.Windows.Interactivity中的Behavior提供了將行為或命令進(jìn)行封裝以達(dá)到可進(jìn)行附加到其他的一個(gè)對(duì)象上，需要注意的是自定義行為默認(rèn)繼承Behavior<DependencyObject>，使用DependencyObject類型的行為是不能訪問對(duì)象的鼠標(biāo)事件的，如果要訪問鼠標(biāo)操作的事件，可以使用具體的UI組件類型或者直接使用UI元素基類UIElement。

　　下面為將本篇前面實(shí)現(xiàn)對(duì)象拖放功能的代碼進(jìn)行了行為的封裝，完整代碼如下：

///?<summary>
///?Behavior：封裝行為和命令，便于附加到對(duì)象中。
///?DependencyObject：不能實(shí)現(xiàn)訪問鼠操作事件
///?UIElement:可訪問鼠標(biāo)事件
///?</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)?=>?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();
????}
}

　　通過行為特性將對(duì)象的拖放功能進(jìn)行封裝以達(dá)到復(fù)用的目的，以上就全部實(shí)現(xiàn)了這個(gè)功能，測(cè)試可通過Ctrol+Shift+B編譯項(xiàng)目，然后通過“資產(chǎn)”面板就可以發(fā)現(xiàn)以上自定義擴(kuò)展的拖放行為。

　　使用行為非常簡(jiǎn)單，打開Blend的資源面板中，選中需要使用的行為，將其拖放到要使用該行為的對(duì)象（Blend中設(shè)計(jì)的界面對(duì)象）上就行了。其實(shí)在Blend也提供了拖放行為:MouseDragElementBehavior，直接使用這個(gè)行為和本篇所介紹的實(shí)現(xiàn)達(dá)到的是同樣的效果。以下為分別使用這兩種行為所對(duì)應(yīng)生成的XAML編碼：

　　推薦資源：

　　Expression Blend實(shí)例中文教程(9) - 行為快速入門Behaviors

　　Silverlight中實(shí)現(xiàn)強(qiáng)壯的、可復(fù)用的拖放行為?

　　Silverlight & Blend動(dòng)畫設(shè)計(jì)系列文章

　　MSDN:http://msdn.microsoft.com/zh-cn/library/cc189090(VS.95).aspx

　　http://www.silverlight.net/learn/quickstarts/animations/

版權(quán)說明

? 本文屬原創(chuàng)文章，歡迎轉(zhuǎn)載且注明文章出處，其版權(quán)歸作者和博客園共有。??

? 作??????者：Beniao

?文章出處：http://beniao.cnblogs.com/? 或? http://www.cnblogs.com/

posted on 2018-10-21 13:36 NET未來之路閱讀(...) 評(píng)論(...) 編輯收藏

轉(zhuǎn)載于:https://www.cnblogs.com/lonelyxmas/p/9824761.html

總結(jié)

以上是生活随笔為你收集整理的Silverlight Blend动画设计系列八：拖放(Drag-Drop)操作与拖放行为(DragBehavior)的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。

上一篇： js中的target与currentTa
下一篇：不重复验证码