免费视频淫片aa毛片_日韩高清在线亚洲专区vr_日韩大片免费观看视频播放_亚洲欧美国产精品完整版

打開(kāi)APP
userphoto
未登錄

開(kāi)通VIP,暢享免費(fèi)電子書等14項(xiàng)超值服

開(kāi)通VIP
【W(wǎng)PF學(xué)習(xí)】第三十八章 行為

  樣式提供了重用一組屬性設(shè)置的實(shí)用方法。它們?yōu)閹椭鷺?gòu)建一致的、組織良好的界面邁出了重要的第一步——但是它們也是有許多限制。

  問(wèn)題是在典型的應(yīng)用程序中,屬性設(shè)置僅是用戶界面基礎(chǔ)結(jié)構(gòu)的一小部分。甚至最基本的程序通常也需要大量的用戶界面代碼,這些代碼與應(yīng)用程序的功能無(wú)關(guān)。在許多程序中,用于用戶界面任務(wù)的代碼(如驅(qū)動(dòng)動(dòng)畫、實(shí)現(xiàn)平滑效果、維護(hù)用戶界面狀態(tài),以及支持諸如拖放、縮放以及??康扔脩艚缑嫣匦裕o(wú)論是在數(shù)量山還是復(fù)雜性上都超出了業(yè)務(wù)代碼。許多這類代碼是通用的,這意味著在創(chuàng)建的每個(gè)WPF對(duì)象中需要編寫相同的內(nèi)容。所有這些工作幾乎都單調(diào)乏味的。

  為回應(yīng)這一挑戰(zhàn),Expression Blend創(chuàng)作者開(kāi)發(fā)了稱為行為(behavior)的特征。其思想很簡(jiǎn)單:創(chuàng)建封裝了一些通用用戶界面功能的行為。這一功能可以是基本功能(如啟動(dòng)故事板或?qū)Ш降匠溄樱?,也可以是?fù)雜功能(如處理多點(diǎn)觸摸交互,或構(gòu)建使用實(shí)時(shí)物理引擎的碰撞模型)。一旦構(gòu)建功能,就可將它們添加到任意應(yīng)用程序的另一個(gè)控件中,具體方法是將該控件鏈接到適當(dāng)?shù)男袨椴⒃O(shè)置行為的屬性。在Expression Blend中,只通過(guò)拖放操作就可以使用行為。

一、獲取行為支持

  重用用戶界面的代碼通用塊得基礎(chǔ)結(jié)構(gòu)不是WPF的一部分。反而,它被捆綁到Expression Blend。這是因?yàn)樾袨殚_(kāi)始時(shí)作為Expression Blend的設(shè)計(jì)時(shí)特性引入的。但這并不意味著行為只能用于Expression Blend。只需要付出很少的努就可以在Visual Studio應(yīng)用程序中的創(chuàng)建和使用行為。只需要手動(dòng)縮寫標(biāo)記,而不是使用工具箱。

  為了獲得支持行為的程序集,有兩種選擇:

  •   可按照Expression Blend 3、Expression Blend 4 或Visual Studio 2012以上版本。所有這些版本都包含Visual Studio中的行為功能所需的程序集。
  •   可安裝Expression Blend SDK。

  無(wú)論是使用Expression Blend的哪個(gè)版本,都可以在文件夾中看到所需的兩個(gè)相同的重要程序集:

  •   System.Windows.Interactivity.dll。這個(gè)程序集定義了支持行為的基本類。它是行為特征的基礎(chǔ)。
  •   Microsoft.Expression.Interactions.dll。這個(gè)程序集通過(guò)添加可選的以核心行為類為基礎(chǔ)的動(dòng)作和觸發(fā)器類,增加了一些有用的擴(kuò)展。

二、理解行為模型

  行為特性具有兩個(gè)版本:一個(gè)版本是旨在Silverlight添加行為支持,Silverlight是Microsoft的針對(duì)瀏覽器的富客戶端插件;而另一個(gè)版本是針對(duì)WPF設(shè)計(jì)的。盡管這兩個(gè)版本提供了相同的特性,但行為特性和Silverlight領(lǐng)域更吻合,因?yàn)樗鼜浹a(bǔ)了更大的鴻溝。與WPF不同,Silverlight不支持觸發(fā)器,所以實(shí)現(xiàn)行為的程序集也實(shí)現(xiàn)觸發(fā)器更合理。然而,WPF支持觸發(fā)器,行為特性包含自己的觸發(fā)器系統(tǒng),而觸發(fā)器系統(tǒng)與WPF模型不匹配,這確實(shí)令人感到有些困惑。

  問(wèn)題在于具有類似名稱的這兩個(gè)特性有部分重合但不完全相同。在WPF中,觸發(fā)器最重要的角色是構(gòu)建靈活的樣式和控件模板。在觸發(fā)器的幫助下,樣式和模板變得更加智能;例如,當(dāng)一些熟悉發(fā)生變化時(shí)可應(yīng)用可視化效果。然而,Expression Blend中的觸發(fā)器系統(tǒng)具有不同的目的。通過(guò)使用可視化設(shè)計(jì)工具,允許為應(yīng)用程序添加簡(jiǎn)單功能。換句話說(shuō),WPF觸發(fā)器支持更加強(qiáng)大的樣式和控件模板。而Expression Blend觸發(fā)器支持快速的不需要代碼的應(yīng)用程序設(shè)計(jì)。

  那么,對(duì)于使用WPF的普遍開(kāi)發(fā)人員來(lái)說(shuō)所有這些意味著什么呢?下面是幾條指導(dǎo)原則:

  •   行為模型不是WPF的核心部分,所以行為不像樣式和模板那樣確定。換句話說(shuō),可編寫不使用行為的WPF應(yīng)用程序,但如果不使用樣式和模板,就不能創(chuàng)建比“Hello World”演示更復(fù)雜的WPF應(yīng)用程序。
  •   如果在Expression Blend上耗費(fèi)大量時(shí)間,或希望為其他Expression Blend用戶開(kāi)發(fā)組件,可能會(huì)對(duì)Expression Blend中的觸發(fā)器特性感興趣。盡管和WPF中的觸發(fā)器系統(tǒng)使用相同的名稱,但它們不能相互重疊,可以同時(shí)使用這兩者。
  •   如果不使用Expression Blend,可完全略過(guò)觸發(fā)器特性——但仍應(yīng)分析Expression Blend提供的功能完整的行為類。這是因?yàn)樾袨楸菶xpression Blend的觸發(fā)器更強(qiáng)大也更常用。最終,將準(zhǔn)備查找那些提供了可在自己的應(yīng)用程序中使用的整潔美觀行為的第三方組件。

三、創(chuàng)建行為

  行為旨在封裝一些UI功能,從而可以不比編寫代碼就能夠?qū)⑵鋺?yīng)用到元素上。從另一個(gè)角度看,每個(gè)行為都為元素提供了一個(gè)服務(wù)。該服務(wù)通常涉及監(jiān)聽(tīng)?zhēng)讉€(gè)不同的事件并執(zhí)行幾個(gè)相關(guān)的操作。

  為更好地理解行為,最好自己創(chuàng)建一個(gè)行為。設(shè)想希望為任意元素提供使用鼠標(biāo)在Canvas面板上拖動(dòng)元素的功能。對(duì)于單個(gè)元素實(shí)現(xiàn)該功能的基本步驟是非常簡(jiǎn)單的——代碼監(jiān)聽(tīng)鼠標(biāo)事件并修改設(shè)置相應(yīng)Canvas坐標(biāo)的附加屬性。但通過(guò)付出更多一點(diǎn)的努力,可將該代碼轉(zhuǎn)換為可重用的行為,該行為可為Canvas面板上的所有元素提供拖動(dòng)支持。

  在繼續(xù)之前,創(chuàng)建一個(gè)WPF類庫(kù)程序集。在該程序集中,添加System.Windows.Interactivity.dll程序集的引用。然后,創(chuàng)建一個(gè)繼承自Behavior基類的類。Behavior是通用類,該類使用一個(gè)類型參數(shù)。可使用該類型參數(shù)將行為限制到特定的元素,或使用UIElement或FrameworkElement將它們都包含進(jìn)來(lái)。如下所示:

public class DragInCanvasBehavior : Behavior<UIElement>    {  }

  在任何行為中,第一步要覆蓋OnAttached()和OnDetaching()方法。當(dāng)調(diào)用OnAttached()方法時(shí),可通過(guò)AssociatedObject屬性訪問(wèn)放置行為的元素,并可關(guān)聯(lián)事件處理程序。當(dāng)調(diào)用OnDetaching()方法時(shí),移除事件處理程序。

  下面是DragInCanvasBehavior類用于監(jiān)視MouseLeftButtonDown、MouseMove以及MouseLeftButtonUp事件代碼:

 protected override void OnAttached()        {            base.OnAttached();            // Hook up event handlers.                        this.AssociatedObject.MouseLeftButtonDown += AssociatedObject_MouseLeftButtonDown;            this.AssociatedObject.MouseMove += AssociatedObject_MouseMove;            this.AssociatedObject.MouseLeftButtonUp += AssociatedObject_MouseLeftButtonUp;        }        protected override void OnDetaching()        {            base.OnDetaching();            // Detach event handlers.            this.AssociatedObject.MouseLeftButtonDown -= AssociatedObject_MouseLeftButtonDown;            this.AssociatedObject.MouseMove -= AssociatedObject_MouseMove;            this.AssociatedObject.MouseLeftButtonUp -= AssociatedObject_MouseLeftButtonUp;        }

  最后一步是在事件處理程序中運(yùn)行適當(dāng)?shù)拇a。例如,當(dāng)用戶單擊鼠標(biāo)左鍵時(shí),DragInCanvasBehavior開(kāi)始拖動(dòng)操作、記錄元素左上角與鼠標(biāo)指針之間的偏移并捕獲鼠標(biāo):

private Canvas canvas;// Keep track of when the element is being dragged.        private bool isDragging = false;        // When the element is clicked, record the exact position        // where the click is made.        private Point mouseOffset;        private void AssociatedObject_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)        {            // Find the canvas.            if (canvas == null) canvas = VisualTreeHelper.GetParent(this.AssociatedObject) as Canvas;            // Dragging mode begins.            isDragging = true;            // Get the position of the click relative to the element            // (so the top-left corner of the element is (0,0).            mouseOffset = e.GetPosition(AssociatedObject);            // Capture the mouse. This way you'll keep receiveing            // the MouseMove event even if the user jerks the mouse            // off the element.            AssociatedObject.CaptureMouse();        }        

  當(dāng)元素處于拖動(dòng)模式并移動(dòng)鼠標(biāo)時(shí),重新定位元素:

private void AssociatedObject_MouseMove(object sender, MouseEventArgs e)        {            if (isDragging)            {                // Get the position of the element relative to the Canvas.                Point point = e.GetPosition(canvas);                // Move the element.                AssociatedObject.SetValue(Canvas.TopProperty, point.Y - mouseOffset.Y);                AssociatedObject.SetValue(Canvas.LeftProperty, point.X - mouseOffset.X);            }        }

  當(dāng)釋放鼠標(biāo)鍵時(shí),結(jié)束拖動(dòng):

private void AssociatedObject_MouseLeftButtonUp(object sender, MouseButtonEventArgs e)        {            if (isDragging)            {                AssociatedObject.ReleaseMouseCapture();                isDragging = false;            }        }

  DragInCanvasBehavior類的完整代碼如下所示:

using System;using System.Collections.Generic;using System.Linq;using System.Text;using System.Threading.Tasks;using System.Windows;using System.Windows.Controls;using System.Windows.Input;using System.Windows.Interactivity;using System.Windows.Media;namespace CustomBehaviorsLibrary{    public class DragInCanvasBehavior : Behavior<UIElement>    {        private Canvas canvas;        protected override void OnAttached()        {            base.OnAttached();            // Hook up event handlers.                        this.AssociatedObject.MouseLeftButtonDown += AssociatedObject_MouseLeftButtonDown;            this.AssociatedObject.MouseMove += AssociatedObject_MouseMove;            this.AssociatedObject.MouseLeftButtonUp += AssociatedObject_MouseLeftButtonUp;        }        protected override void OnDetaching()        {            base.OnDetaching();            // Detach event handlers.            this.AssociatedObject.MouseLeftButtonDown -= AssociatedObject_MouseLeftButtonDown;            this.AssociatedObject.MouseMove -= AssociatedObject_MouseMove;            this.AssociatedObject.MouseLeftButtonUp -= AssociatedObject_MouseLeftButtonUp;        }        // Keep track of when the element is being dragged.        private bool isDragging = false;        // When the element is clicked, record the exact position        // where the click is made.        private Point mouseOffset;        private void AssociatedObject_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)        {            // Find the canvas.            if (canvas == null) canvas = VisualTreeHelper.GetParent(this.AssociatedObject) as Canvas;            // Dragging mode begins.            isDragging = true;            // Get the position of the click relative to the element            // (so the top-left corner of the element is (0,0).            mouseOffset = e.GetPosition(AssociatedObject);            // Capture the mouse. This way you'll keep receiveing            // the MouseMove event even if the user jerks the mouse            // off the element.            AssociatedObject.CaptureMouse();        }        private void AssociatedObject_MouseMove(object sender, MouseEventArgs e)        {            if (isDragging)            {                // Get the position of the element relative to the Canvas.                Point point = e.GetPosition(canvas);                // Move the element.                AssociatedObject.SetValue(Canvas.TopProperty, point.Y - mouseOffset.Y);                AssociatedObject.SetValue(Canvas.LeftProperty, point.X - mouseOffset.X);            }        }        private void AssociatedObject_MouseLeftButtonUp(object sender, MouseButtonEventArgs e)        {            if (isDragging)            {                AssociatedObject.ReleaseMouseCapture();                isDragging = false;            }        }    }}
DragInCanvasBehavior

四、使用行為

  為測(cè)試行為,創(chuàng)建一個(gè)新的WPF應(yīng)用程序項(xiàng)目。然后添加對(duì)定義DragInCanvasBehavior類的類庫(kù)以及System.Windows.Interactivity.dll程序集得應(yīng)用。接下來(lái)在XML中映射這兩個(gè)標(biāo)記名稱。假定存儲(chǔ)DragInCanvasBehavior類的類庫(kù)名為CustomBehaviorsLibrary,所需的標(biāo)記如下所示:

<Window x:Class="BehaviorTest.DragInCanvasTest"        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:custom="clr-namespace:CustomBehaviorsLibrary;assembly=CustomBehaviorsLibrary"        Title="DragInCanvasTest" Height="300" Width="300">

  為使用該行為,只需要使用Interaction.Behaviors附加屬性在Canvas面板中添加任意元素。下面的標(biāo)記創(chuàng)建一個(gè)具有三個(gè)圖形的Canvas面板。兩個(gè)Ellipse元素使用了DragInCanvasBehavior,并能在Canvas面板中拖動(dòng)。Rectangle元素沒(méi)有使用DraginCanvasBehavior,因此無(wú)法移動(dòng)。

<Canvas>        <Rectangle Canvas.Left="10" Canvas.Top="10" Fill="Yellow" Width="40" Height="60"></Rectangle>        <Ellipse Canvas.Left="10" Canvas.Top="70" Fill="Blue" Width="80" Height="60">            <i:Interaction.Behaviors>                <custom:DragInCanvasBehavior></custom:DragInCanvasBehavior>            </i:Interaction.Behaviors>        </Ellipse>        <Ellipse Canvas.Left="80" Canvas.Top="70" Fill="OrangeRed" Width="40" Height="70">            <i:Interaction.Behaviors>                <custom:DragInCanvasBehavior></custom:DragInCanvasBehavior>            </i:Interaction.Behaviors>        </Ellipse>    </Canvas>

  下圖顯示了該例的運(yùn)行效果。

  

DragInCanvasTest完整代碼:
<Window x:Class="BehaviorTest.DragInCanvasTest"        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:custom="clr-namespace:CustomBehaviorsLibrary;assembly=CustomBehaviorsLibrary"        Title="DragInCanvasTest" Height="300" Width="300">    <Canvas>        <Rectangle Canvas.Left="10" Canvas.Top="10" Fill="Yellow" Width="40" Height="60"></Rectangle>        <Ellipse Canvas.Left="10" Canvas.Top="70" Fill="Blue" Width="80" Height="60">            <i:Interaction.Behaviors>                <custom:DragInCanvasBehavior></custom:DragInCanvasBehavior>            </i:Interaction.Behaviors>        </Ellipse>        <Ellipse Canvas.Left="80" Canvas.Top="70" Fill="OrangeRed" Width="40" Height="70">            <i:Interaction.Behaviors>                <custom:DragInCanvasBehavior></custom:DragInCanvasBehavior>            </i:Interaction.Behaviors>        </Ellipse>    </Canvas></Window>
DragInCanvasTest

  但這并非是全部?jī)?nèi)容。如果正在使用Expression Blend進(jìn)行開(kāi)發(fā),行為甚至提供了更好的設(shè)計(jì)體驗(yàn)——可以根本不用編寫任何標(biāo)記。

 

本站僅提供存儲(chǔ)服務(wù),所有內(nèi)容均由用戶發(fā)布,如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請(qǐng)點(diǎn)擊舉報(bào)。
打開(kāi)APP,閱讀全文并永久保存 查看更多類似文章
猜你喜歡
類似文章
Expression Blend實(shí)例中文教程(9)
如何在 Blend 中使用 ComponentOne Studio for WPF 控件
blend
wpf
WPF 3D 小小小小引擎
如何在Dynamo中創(chuàng)建UI
更多類似文章 >>
生活服務(wù)
分享 收藏 導(dǎo)長(zhǎng)圖 關(guān)注 下載文章
綁定賬號(hào)成功
后續(xù)可登錄賬號(hào)暢享VIP特權(quán)!
如果VIP功能使用有故障,
可點(diǎn)擊這里聯(lián)系客服!

聯(lián)系客服