【WPF學習】第三十八章 行為

来源:https://www.cnblogs.com/Peter-Luo/archive/2020/02/12/12299855.html

樣式提供了重用一組屬性設置的實用方法。它們為幫助構建一致的、組織良好的界面邁出了重要的第一步——但是它們也是有許多限制。 問題是在典型的應用程式中,屬性設置僅是用戶界面基礎結構的一小部分。甚至最基本的程式通常也需要大量的用戶界面代碼,這些代碼與應用程式的功能無關。在許多程式中,用於用戶界面任務的代碼 ...


  樣式提供了重用一組屬性設置的實用方法。它們為幫助構建一致的、組織良好的界面邁出了重要的第一步——但是它們也是有許多限制。

  問題是在典型的應用程式中,屬性設置僅是用戶界面基礎結構的一小部分。甚至最基本的程式通常也需要大量的用戶界面代碼,這些代碼與應用程式的功能無關。在許多程式中,用於用戶界面任務的代碼(如驅動動畫、實現平滑效果、維護用戶界面狀態,以及支持諸如拖放、縮放以及停靠等用戶界面特性)無論是在數量山還是複雜性上都超出了業務代碼。許多這類代碼是通用的,這意味著在創建的每個WPF對象中需要編寫相同的內容。所有這些工作幾乎都單調乏味的。

  為回應這一挑戰,Expression Blend創作者開發了稱為行為(behavior)的特征。其思想很簡單:創建封裝了一些通用用戶界面功能的行為。這一功能可以是基本功能(如啟動故事板或導航到超鏈接),也可以是複雜功能(如處理多點觸摸交互,或構建使用實時物理引擎的碰撞模型)。一旦構建功能,就可將它們添加到任意應用程式的另一個控制項中,具體方法是將該控制項鏈接到適當的行為並設置行為的屬性。在Expression Blend中,只通過拖放操作就可以使用行為。

一、獲取行為支持

  重用用戶界面的代碼通用塊得基礎結構不是WPF的一部分。反而,它被捆綁到Expression Blend。這是因為行為開始時作為Expression Blend的設計時特性引入的。但這並不意味著行為只能用於Expression Blend。只需要付出很少的努就可以在Visual Studio應用程式中的創建和使用行為。只需要手動縮寫標記,而不是使用工具箱。

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

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

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

  •   System.Windows.Interactivity.dll。這個程式集定義了支持行為的基本類。它是行為特征的基礎。
  •   Microsoft.Expression.Interactions.dll。這個程式集通過添加可選的以核心行為類為基礎的動作和觸發器類,增加了一些有用的擴展。

二、理解行為模型

  行為特性具有兩個版本:一個版本是旨在Silverlight添加行為支持,Silverlight是Microsoft的針對瀏覽器的富客戶端插件;而另一個版本是針對WPF設計的。儘管這兩個版本提供了相同的特性,但行為特性和Silverlight領域更吻合,因為它彌補了更大的鴻溝。與WPF不同,Silverlight不支持觸發器,所以實現行為的程式集也實現觸發器更合理。然而,WPF支持觸發器,行為特性包含自己的觸發器系統,而觸發器系統與WPF模型不匹配,這確實令人感到有些困惑。

  問題在於具有類似名稱的這兩個特性有部分重合但不完全相同。在WPF中,觸發器最重要的角色是構建靈活的樣式和控制項模板。在觸發器的幫助下,樣式和模板變得更加智能;例如,當一些熟悉發生變化時可應用可視化效果。然而,Expression Blend中的觸發器系統具有不同的目的。通過使用可視化設計工具,允許為應用程式添加簡單功能。換句話說,WPF觸發器支持更加強大的樣式和控制項模板。而Expression Blend觸發器支持快速的不需要代碼的應用程式設計。

  那麼,對於使用WPF的普遍開發人員來說所有這些意味著什麼呢?下麵是幾條指導原則:

  •   行為模型不是WPF的核心部分,所以行為不像樣式和模板那樣確定。換句話說,可編寫不使用行為的WPF應用程式,但如果不使用樣式和模板,就不能創建比“Hello World”演示更複雜的WPF應用程式。
  •   如果在Expression Blend上耗費大量時間,或希望為其他Expression Blend用戶開發組件,可能會對Expression Blend中的觸發器特性感興趣。儘管和WPF中的觸發器系統使用相同的名稱,但它們不能相互重疊,可以同時使用這兩者。
  •   如果不使用Expression Blend,可完全略過觸發器特性——但仍應分析Expression Blend提供的功能完整的行為類。這是因為行為比Expression Blend的觸發器更強大也更常用。最終,將準備查找那些提供了可在自己的應用程式中使用的整潔美觀行為的第三方組件。

三、創建行為

  行為旨在封裝一些UI功能,從而可以不比編寫代碼就能夠將其應用到元素上。從另一個角度看,每個行為都為元素提供了一個服務。該服務通常涉及監聽幾個不同的事件並執行幾個相關的操作。

  為更好地理解行為,最好自己創建一個行為。設想希望為任意元素提供使用滑鼠在Canvas面板上拖動元素的功能。對於單個元素實現該功能的基本步驟是非常簡單的——代碼監聽滑鼠事件並修改設置相應Canvas坐標的附加屬性。但通過付出更多一點的努力,可將該代碼轉換為可重用的行為,該行為可為Canvas面板上的所有元素提供拖動支持。

  在繼續之前,創建一個WPF類庫程式集。在該程式集中,添加System.Windows.Interactivity.dll程式集的引用。然後,創建一個繼承自Behavior基類的類。Behavior是通用類,該類使用一個類型參數。可使用該類型參數將行為限制到特定的元素,或使用UIElement或FrameworkElement將它們都包含進來。如下所示:

public class DragInCanvasBehavior : Behavior<UIElement>
    {  }

  在任何行為中,第一步要覆蓋OnAttached()和OnDetaching()方法。當調用OnAttached()方法時,可通過AssociatedObject屬性訪問放置行為的元素,並可關聯事件處理程式。當調用OnDetaching()方法時,移除事件處理程式。

  下麵是DragInCanvasBehavior類用於監視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;
        }

  最後一步是在事件處理程式中運行適當的代碼。例如,當用戶單擊滑鼠左鍵時,DragInCanvasBehavior開始拖動操作、記錄元素左上角與滑鼠指針之間的偏移並捕獲滑鼠:

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

  當元素處於拖動模式並移動滑鼠時,重新定位元素:

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類的完整代碼如下所示:

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

四、使用行為

  為測試行為,創建一個新的WPF應用程式項目。然後添加對定義DragInCanvasBehavior類的類庫以及System.Windows.Interactivity.dll程式集得應用。接下來在XML中映射這兩個標記名稱。假定存儲DragInCanvasBehavior類的類庫名為CustomBehaviorsLibrary,所需的標記如下所示:

<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面板中添加任意元素。下麵的標記創建一個具有三個圖形的Canvas面板。兩個Ellipse元素使用了DragInCanvasBehavior,並能在Canvas面板中拖動。Rectangle元素沒有使用DraginCanvasBehavior,因此無法移動。

<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>

  下圖顯示了該例的運行效果。

  

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

  但這並非是全部內容。如果正在使用Expression Blend進行開發,行為甚至提供了更好的設計體驗——可以根本不用編寫任何標記。

 


您的分享是我們最大的動力!

更多相關文章
  • 最近在學著編寫一個操作系統的簡單內核,需要debug工具,我們這裡使用gdb來進行調試,由於虛擬機運行和本機是兩個部分,所以使用 gdb 的遠程調試技術,這裡對 gdb 常見調試以及遠程調試方式做一個總結。 遠程調試 先對在調試操作系統內核時用到的命令做一個說明(這裡省略了一部分makefile的內 ...
  • 舊版的mongo擴展已經不推薦使用了,在php7以上一般是安裝和使用新版的mongodb擴展 ubuntu下 apt-get install php-mongodb 例如下麵的代碼進行了查詢和插入集合操作 <?php class DocModel{ public $mongoManger=null; ...
  • 去除內嵌tomcat和添加jsp依賴 去除內嵌tomcat 在springboot啟動依賴中去除內嵌tomcat org.springframework.boot spring-boot-starter-web ... ...
  • 每日一句英語學習,每天進步一點點: “Action may not always bring happiness; but there is no happiness without action.” 「行動不見得一定帶來快樂,但沒有行動就沒有快樂。」 前言 我在閱讀 《Effective C++ ...
  • 在前面幾篇文章的例子中也可以看到mybatis中輸入映射和輸出映射的身影,但是沒有系統的總結一下,這篇博客主要對這兩個東東做一個總結。我們知道mybatis中輸入映射和輸出映射可以是基本數據類型、hashmap或者pojo的包裝類型,這裡主要來總結一下pojo包裝類型的使用,因為這個在開發中比較常用 ...
  • 4.1 數組的相關概念和名詞(瞭解) 1、數組(array): 一組具有相同數據類型的數據的按照一定順序排列的集合。 把有限的幾個相同類型的變數使用一個名稱來進行統一管理。 2、數組名: (1)這個數組名,代表的是一組數 (2)這個數組名中存儲的整個數組的“首地址” 3、下標(index): 我們使 ...
  • 由於Api的介面需要返回多語言,因此參考了網上很多篇文章,,有些文章寫的太過於理論,看起來比較費勁,今天下午搞了一個下午,總結了一下經驗,, 做這個功能時,主要參考了兩篇文章: https://blog.johnwu.cc/article/ironman-day21-asp-net-core-loc ...
  • 在 寫xaml的使用遇到了一些特殊字元,這裡記錄一下特殊字元轉義。 這些特殊字元遵循用於編碼的萬維網聯合會(W3C) XML 標準。 下表顯示這組特殊字元的編碼語法: 字元語法描述 < &lt; 小於符號。 > &gt; 大於符號。 & &amp; & 符號。 " &quot; 雙引號。 參見: h ...
一周排行
  • 前幾天發佈了 "抄抄《CSS 故障藝術》的動畫" 這篇文章,在這篇文章里介紹瞭如何使用Win2D繪製文字然後配合BlendEffect製作故障藝術的動畫。本來打算就這樣收手不玩這個動畫了,但後來又發現性能不符合理想。明明只是做做Resize動畫和用BlendEffect混合,為什麼性能會這麼差呢? ...
  • 控制條控制項: progressBar 不能按照你程式的進程自動變化,需認為計算,調整變化量 private void progressBar1_Click(object sender, EventArgs e) { this.progressBar1.Maximum = 100;//設置進度條最大長 ...
  • 首先創建一個asp.net core web應用程式 第二步 目前官方預置了7種模板項目供我們選擇。從中我們可以看出,既有我們熟悉的MVC、WebAPI,又新添加了Razor Page,以及結合比較流行的Angular、React前端框架的模板項目。 空項目模板 Program.cs using S ...
  • 對閉包的理解 1.對於成員變數和局部變數:成員變數就是方法外部,類的內部定義的變數;局部變數就是方法或語句塊內部定義的變數。局部變數必須初始化。 形式參數是局部變數,局部變數的數據存在於棧記憶體中。棧記憶體中的局部變數隨著方法的消失而消失。成員變數存儲在堆中的對象裡面,由垃圾回收器負責回收。 成員變數它 ...
  • Xamarin.Forms讀取並展示Android和iOS通訊錄 TerminalMACS客戶端 本文同步更新地址: https://dotnet9.com/11520.html https://terminalmacs.com/861.html 閱讀導航: 一、功能說明 二、代碼實現 三、源碼獲取 ...
  • 做下對文件複製操作相關的筆記: /// <summary> /// 文件幫助類 /// </summary> public class FileHelper { /// <summary> /// 複製一個目錄下所有文件到一個新目錄下 /// </summary> /// <param name=" ...
  • 前言 有一個東西叫做鴨子類型,所謂鴨子類型就是,只要一個東西表現得像鴨子那麼就能推出這玩意就是鴨子。 C 裡面其實也暗藏了很多類似鴨子類型的東西,但是很多開發者並不知道,因此也就沒法好好利用這些東西,那麼今天我細數一下這些藏在編譯器中的細節。 不是只有 和 才能 在 C 中編寫非同步代碼的時候,我們經 ...
  • [toc] 1.應用背景 底端設備有大量網路報文(位元組數組):心跳報文,數據採集報文,告警報文上報。需要有對應的報文結構去解析這些位元組流數據。 2.結構體解析 由此,我第一點就想到了用結構體去解析。原因有以下兩點: 2.1.結構體存在棧中 類屬於引用類型,存在堆中;結構體屬於值類型,存在棧中,在一個 ...
  • 《深入淺出 C#》 (第3版) [作者] (美) Andrew Stellman (美) Jennifer Greene[譯者] (中) 徐陽 丁小峰 等譯[出版] 中國電力出版社[版次] 2016年08月 第1版[印次] 2018年04月 第4次 印刷[定價] 148.00元 【引子】 要學習編程 ...
  • 記錄使用對象初始值設定項初始化對象。 using System; using System.Collections.Generic; namespace ConsoleApp2 { class Program { static void Main(string[] args) { // 使用構造函數 ...
x