【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
  • 移動開發（一）：使用.NET MAUI開發第一個安卓APP
    移動開發（一）：使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說，近來想嘗試開發一款安卓APP，考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP，畢竟是使用Visual Studio開發工具，使用起來也比較的順手，結合微軟官方的教程進行了安卓 ...
  • wpf ToggleButton選中效果和一個登錄界面
    前言 QuestPDF 是一個開源 .NET 庫，用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫，它徹底改變了我們生成 PDF 文檔的方 ...
  • 彈幕樹洞項目功能新增篇
    項目地址 項目後端地址： https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址： ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址： http://tree ...
  • 第27篇 sqlserver2022詳細安裝步驟
    話不多說，直接開乾 一.下載 1.官方鏈接下載： https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe，運行開始下載SQL server； 二. ...
  • .NET 開源高性能 MQTT 類庫
    前言 隨著物聯網（IoT）技術的迅猛發展，MQTT（消息隊列遙測傳輸）協議憑藉其輕量級和高效性，已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫，為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog文檔翻譯系列（六） - 可用的接收器、增強器、格式化輸出
    Serilog支持多種接收器用於日誌存儲，增強器用於添加屬性，LogContext管理動態屬性，支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項，適用於不同需求。 ...
  • 警惕 Visual Studio 屬性求值副作用導致邏輯不符合預期
    目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據，爬取信息時需要模擬瀏覽器行為，否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下： 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • [使用目前最新版]HybridCLR6.9.0+YooAsset2.2.4實現純C# Unity熱更新方案 (一)
    1.前言 什麼是熱更新 游戲或者軟體更新時，無需重新下載客戶端進行安裝，而是在應用程式啟動的情況下，在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR，Xlua，ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles，Addressable， ...
  • 在 ASP.NET Core Web API 中使用操作篩選器統一處理通用操作
    本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺，其實像阿裡雲，騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後，它會送 ...
  • 第28篇 如何.net中實現高效可靠數據同步api
    通過以下方式可以高效，並保證數據同步的可靠性 1.API設計 使用RESTful設計，確保API端點明確，並使用適當的HTTP方法（如POST用於創建，PUT用於更新）。 設計清晰的請求和響應模型，以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證，確保接收到的數據符合預期格 ...
所有分類