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

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

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


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

　　問題是在典型的應用程式中，屬性設置僅是用戶界面基礎結構的一小部分。甚至最基本的程式通常也需要大量的用戶界面代碼，這些代碼與應用程式的功能無關。在許多程式中，用於用戶界面任務的代碼（如驅動動畫、實現平滑效果、維護用戶界面狀態，以及支持諸如拖放、縮放以及停靠等用戶界面特性）無論是在數量山還是複雜性上都超出了業務代碼。許多這類代碼是通用的，這意味著在創建的每個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進行開發，行為甚至提供了更好的設計體驗——可以根本不用編寫任何標記。

 


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

-Advertisement-
Play Games
更多相關文章
  • 源碼級別gdb遠程調試（實現OS簡單內核）
    最近在學著編寫一個操作系統的簡單內核，需要debug工具，我們這裡使用gdb來進行調試，由於虛擬機運行和本機是兩個部分，所以使用 gdb 的遠程調試技術，這裡對 gdb 常見調試以及遠程調試方式做一個總結。 遠程調試 先對在調試操作系統內核時用到的命令做一個說明（這裡省略了一部分makefile的內 ...
  • [PHP]新版的mongodb擴展安裝和使用
    舊版的mongo擴展已經不推薦使用了，在php7以上一般是安裝和使用新版的mongodb擴展 ubuntu下 apt-get install php-mongodb 例如下麵的代碼進行了查詢和插入集合操作 <?php class DocModel{ public $mongoManger=null; ...
  • springboot去除內嵌tomcat和打包在tomcat中運行需要做的步驟
    去除內嵌tomcat和添加jsp依賴 去除內嵌tomcat 在springboot啟動依賴中去除內嵌tomcat org.springframework.boot spring-boot-starter-web ... ...
  • 學過 C++ 的你，不得不知的這 10 條細節！
    每日一句英語學習，每天進步一點點： “Action may not always bring happiness; but there is no happiness without action.” 「行動不見得一定帶來快樂，但沒有行動就沒有快樂。」 前言 我在閱讀 《Effective C++ ...
  • Mybatis學習總結（四）——輸入映射和輸出映射
    在前面幾篇文章的例子中也可以看到mybatis中輸入映射和輸出映射的身影，但是沒有系統的總結一下，這篇博客主要對這兩個東東做一個總結。我們知道mybatis中輸入映射和輸出映射可以是基本數據類型、hashmap或者pojo的包裝類型，這裡主要來總結一下pojo包裝類型的使用，因為這個在開發中比較常用 ...
  • 自學Java第四章——《數組》
    4.1 數組的相關概念和名詞（瞭解） 1、數組(array)： 一組具有相同數據類型的數據的按照一定順序排列的集合。 把有限的幾個相同類型的變數使用一個名稱來進行統一管理。 2、數組名： （1）這個數組名，代表的是一組數 （2）這個數組名中存儲的整個數組的“首地址” 3、下標(index)： 我們使 ...
  • Asp.net core 2.x/3.x 的 Globalization 和 localization 的使用 (一) 使用方法
    由於Api的介面需要返回多語言,因此參考了網上很多篇文章,,有些文章寫的太過於理論,看起來比較費勁,今天下午搞了一個下午,總結了一下經驗,, 做這個功能時,主要參考了兩篇文章: https://blog.johnwu.cc/article/ironman-day21-asp-net-core-loc ...
  • XAML 字元轉義
    在 寫xaml的使用遇到了一些特殊字元，這裡記錄一下特殊字元轉義。 這些特殊字元遵循用於編碼的萬維網聯合會（W3C） XML 標準。 下表顯示這組特殊字元的編碼語法： 字元語法描述 < &lt; 小於符號。 > &gt; 大於符號。 & &amp; & 符號。 " &quot; 雙引號。 參見： h ...
一周排行
    -Advertisement-
    Play Games
  • Dapr Outbox 執行流程
    Dapr Outbox 是1.12中的功能。 本文只介紹Dapr Outbox 執行流程，Dapr Outbox基本用法請閱讀官方文檔 。本文中appID=order-processor，topic=orders 本文前提知識：熟悉Dapr狀態管理、Dapr發佈訂閱和Outbox 模式。 Outbo ...
  • Advanced .Net Debugging 7：托管堆與垃圾收集
    引言 在前幾章我們深度講解了單元測試和集成測試的基礎知識，這一章我們來講解一下代碼覆蓋率,代碼覆蓋率是單元測試運行的度量值,覆蓋率通常以百分比表示，用於衡量代碼被測試覆蓋的程度，幫助開發人員評估測試用例的質量和代碼的健壯性。常見的覆蓋率包括語句覆蓋率（Line Coverage）、分支覆蓋率（Bra ...
  • C#S7.NET實現西門子PLCDB塊數據採集的完整步驟
    前言 本文介紹瞭如何使用S7.NET庫實現對西門子PLC DB塊數據的讀寫，記錄了使用電腦模擬，模擬PLC，自至完成測試的詳細流程，並重點介紹了在這個過程中的易錯點，供參考。 用到的軟體： 1.Windows環境下鏈路層網路訪問的行業標準工具（WinPcap_4_1_3.exe）下載鏈接：http ...
  • WPF控制項：密碼框綁定MVVM
    從依賴倒置原則（Dependency Inversion Principle, DIP）到控制反轉（Inversion of Control, IoC）再到依賴註入（Dependency Injection, DI）的演進過程，我們可以理解為一種逐步抽象和解耦的設計思想。這種思想在C#等面向對象的編 ...
  • Python中的私有屬性與私有方法
    關於Python中的私有屬性和私有方法 Python對於類的成員沒有嚴格的訪問控制限制，這與其他面相對對象語言有區別。關於私有屬性和私有方法，有如下要點： 1、通常我們約定，兩個下劃線開頭的屬性是私有的（private）。其他為公共的（public）； 2、類內部可以訪問私有屬性（方法）； 3、類外 ...
  • C++ 訪問說明符詳解：封裝數據，控制訪問，提升安全性
    C++ 訪問說明符 訪問說明符是 C++ 中控制類成員（屬性和方法）可訪問性的關鍵字。它們用於封裝類數據並保護其免受意外修改或濫用。 三種訪問說明符： public：允許從類外部的任何地方訪問成員。 private：僅允許在類內部訪問成員。 protected：允許在類內部及其派生類中訪問成員。 示 ...
  • static_cast與dynamic_cast到底是什麼？
    寫這個隨筆說一下C++的static_cast和dynamic_cast用在子類與父類的指針轉換時的一些事宜。首先，【static_cast，dynamic_cast】【父類指針，子類指針】，兩兩一組，共有4種組合：用 static_cast 父類轉子類、用 static_cast 子類轉父類、使用 ...
  • C語言數據結構：雙向鏈表的增刪操作
    /******************************************************************************************************** * * * 設計雙向鏈表的介面 * * * * Copyright (c) 2023-2 ...
  • @ComponentScan註解的實現，Spring掃描包的過程
    相信接觸過spring做開發的小伙伴們一定使用過@ComponentScan註解 @ComponentScan("com.wangm.lifecycle") public class AppConfig { } @ComponentScan指定basePackage，將包下的類按照一定規則註冊成Be ...
  • opensips開啟python支持
    操作系統 ：CentOS 7.6_x64 opensips版本： 2.4.9 python版本：2.7.5 python作為腳本語言，使用起來很方便，查了下opensips的文檔，支持使用python腳本寫邏輯代碼。今天整理下CentOS7環境下opensips2.4.9的python模塊筆記及使用 ...
所有分類