【WPF學習】第五十九章 理解控制項模板

来源:https://www.cnblogs.com/Peter-Luo/archive/2020/03/17/12513188.html
-Advertisement-
Play Games

最近工作比較忙，未能及時更新內容，敬請瞭解！！！ 對於可視化樹的分析引出了幾個有趣問題。例如，控制項如何從邏輯樹表示擴張成可視化樹表示？ 每個控制項都有一個內置的方法，用於確定如何渲染控制項（作為一組更基礎的元素）。該方法稱為控制項模板(control template),是用XAML標記塊定義的。 下麵是 ...


　　最近工作比較忙，未能及時更新內容，敬請瞭解！！！

　　對於可視化樹的分析引出了幾個有趣問題。例如，控制項如何從邏輯樹表示擴張成可視化樹表示？

　　每個控制項都有一個內置的方法，用於確定如何渲染控制項（作為一組更基礎的元素）。該方法稱為控制項模板(control template),是用XAML標記塊定義的。

　　下麵是普通Button類的模板的簡化版本。該版本省略了XML明朝空間聲明、為嵌套的元素設置屬性的特性，以及當按鈕被禁用、取得焦點或單擊時確定按鈕行為的觸發器：

<ControlTemplate ...>
    <mwt:ButtonChrome Name="Chrome" ...>
        <ContentPresenter Content="{TemplateBinding ContentControl.Content}" ... />
    <mwt:ButtonChrome>
    <ControlTemplate.Triggers>
    ...
    </ControlTemplate.Triggers>
</ControlTemplate>

　　儘管尚未研究ButtonChrome和ContentPresenter類，但很容易就能聯想到：控制項模板提供了在可視化樹中看到的擴展內容。ButtonChrome類定義按鈕的標準可視化外觀，而ContentPresenter類存儲了提供的所有內容。如果希望構建全新按鈕，只需要創建新的控制項模板。除ButtonChrome類之外，還使用其他一些內容——可能是自定義元素，也能使在前面介紹的某個繪製形狀的元素。

　　當按鈕獲得焦點、被單擊以及被禁用時，觸發器控制按鈕如何進行變化。對於這些觸發器，實際上沒有什麼特別需要介紹的內容。針對獲取焦點和單擊的觸發器並不會修改按鈕本身，只是修改為按鈕提供可視化外觀的ButtonChrome類的屬性：

<Trigger Property="UIElement.IsKeyboardFocused“>
    <Setter Property="mwt:ButtonChrome.RenderDefaulted TargetName="Chrome">
        <Setter.Value>
            <s:Boolean>True</s:Boolean>
        </Setter.Value>
    </Setter>
    <Trigger.Value>
        <s:Boolean>True</s:Boolean>
    </Trigger.Value>
</Trigger>
<Trigger Property="UIElement.IsChecked“>
    <Setter Property="mwt:ButtonChrome.RenderDefaulted TargetName="Chrome">
        <Setter.Value>
            <s:Boolean>True</s:Boolean>
        </Setter.Value>
    </Setter>
    <Trigger.Value>
        <s:Boolean>True</s:Boolean>
    </Trigger.Value>
</Trigger>

　　第一個觸發器確保當按鈕接受到焦點時，RenderDefaulted屬性設置為true。第二個觸發器確保當按鈕被單擊時,RenderDefaulted屬性被設置為true。對於每種情況，ButtonChrome類都會相應地調整自身。由於發生的圖形變化過於複雜，因此無法只通過幾個屬性設置器語句來表示這些變化。

　　該例中的兩個Setter對象都通過使用TargetName屬性作用於控制項模板的特定部分。只有當使用控制項模板時，才恩能夠使用這種技術。換句話說，不能編寫樣式觸發器以使用TargetName屬性訪問ButtonChrome對象，因為名稱Chrome超出了樣式範圍。這種技術只是模板提供的比單獨使用樣式功能更強大的方法之一。

　　觸發器未必需要使用TargetName屬性。例如，針對IsEnabled屬性的觸發器僅調整按鈕中任何文本內容的前景色。該觸發器通過設置TextElement.Foreground附加屬性就能工作，而未必藉助於ButtonChrome類：

<Trigger Property="UIElement.IsEnabled">
    <Setter Property="TextElement.Foreground">
        <Setter.Value>
            <SolidColorBrush>#FFADADAD</SolidColorBrush>
        </Setter.Value>
    </Setter>
    <Trigger.Value>
        <s:Boolean>False</s:Boolean>
    </Trigger.Value>
</Trigger>

　　當構建自己的控制項模板時將看到同樣的職責分離。如果足夠幸運，可直接使用觸發器完成所有工作，可能不需要創建自己定義類並添加代碼。另一方面，如果需啊喲提供更複雜的可視化設計，可能需要繼承自定義的修飾類，ButtonChrome類本身不提供定製功能——該類專門用於渲染標準按鈕的特定主題外觀。

 一、修飾類

　　ButtonChrome類是在Microsoft.Windows.Themes名稱空間中定義的，在該名稱空間中包含了一些較少的彼此相似的類，這些類用來渲染基本的Windows細節。除ButtonChrome外，這些類還包括BulletChrome（用於覆選框和單選按鈕）、ScrollChrome(用於滾動條)、ListBoxChrome以及SystemDropShadowChrome。這是最低級別的公有控制項API。在少高級別上，會發現System.Windows.Controls.Primitives名稱空間中包含大量可以獨立使用的基本元素，但他們通常被封裝到更有用的控制項中。這些元素包括ScrollBar、ResizeGrip(用於改變視窗的尺寸)、Thumb(滾動條上的拖動按鈕)、TickBar(滾動條上可選的刻度設置)等。在本質上，System.Windows.Controls.Primitives名稱空間提供了可用在各種控制項中的基本要素，本身的作用不大，而Microsoft.Windows.Themes名稱空間包含了用於渲染這些細節的基本繪圖邏輯。

　　還有一點區別。與大多數WPF類型一樣，System.Windows.Controls.Primitives名稱空間中的類型都是在PresentationFramework.dll程式集中定義的。然而，Microsoft.Windows.Themes名稱控制項中的類型是在三個不同的程式集中定義的：PresentationFramework.Aero.dll、PresentationFramework.Luna.dll和PresentationFramework.Royale.dll。每個程式集都包含自己的ButtonChrome類(以及其他修飾類)版本，這些版本的渲染邏輯稍有不同。WPF使用那個程式集取決於操作系統和主題設置。

　　儘管控制項模板經常使用修飾類進行繪圖，但並非總需要這樣。例如，ResizeGrip元素(該元素用於在可以改變尺寸的視窗的右下角創建點網格)非常簡單，它的模板可使用在前面介紹的繪圖類，如Path、DrawingBrush以及LinearGradientBrush。下麵是其使用的標記(有些複雜)：

<ControlTemplate TargetType="{x:Type ResizeGrip}" ...>
    <Grid Background="{TemplateBinding Panel.Background}" SnapsToDevicePixels="True">
        <Path Margin="0,0,2,2" Data="M9,0L11,0 11,11 0,11 0,9 3,9 3,6 6,6 6,3 9,3z" HorizontalAlignment="Right" VerticalAlignment="Bottom">
            <Path.Fill>
                <DrawingBrush ViewboxUnits="Absolute" TileMode="Tile" Viewbox="0,0,3,3" Viewport="0,0,3,3" ViewportUnits="Absolute">
                    <DrawingBrush.Drawing>
                        <DrawingGroup>
                            <DrawingGroup.Children>
                                <GeometryDrawing Geometry="M0,0L2,0 2,2 0,2z">
                                    <GeometryDrawing.Brush>
                                        <LinearGradientBrush EndPoint="1,0.75" StartPoint="0,0.25">
                                            <LinearGradientBrush.GradientStops>
                                                <GradientStop offset="0.3" Color="#FFFFFFFF"/>
                                                <GradientStop offset="0.75" Color="#FFBBC5D7" />
                                                <GradientStop offset="1" Color="#FF6D83A9" />
                                             </LinearGradientBrush.GradientStops>
                                        </LinearGradientBrush>
                                    <GeometryDrawing.Brush>
                                </GeometryDrawing>
                            </DrawingGroup.Children>
                        </DrawingGroup>
                    </DrawingBrush.Drawing>
                </DrawingBrush>
            </Path.Fill>
        </Path>
    </Grid>
</ControlTemplate>

二、剖析控制項

　　當創建控制項模板時，新建的模板完全替代了原有的模板，這樣可以得到更大的靈活性，但更複雜些。大多數情況下，在創建滿足自己需要的模板之前，需要查看控制項使用的標準模板。某些情況下，自定義的控制項模板可鏡像標準模板，並只進行很少的修改。

　　WPF文檔沒有列出標準控制項模板的XAML。然而， 可通過編程獲取所需的信息。基本思想是從Tmeplate屬性(該屬性在Control類中定義)獲取控制項的模板，然後使用XamlWriter類，將該模板串列化到XAML文件中。下圖顯示了一個示常式序，該程式列出了所有WPF控制項，並允許查看每個控制項的模板。

 　　構建該應用程式的訣竅是使用反射(reflection),反射是用於檢查類型的.NET API。當第一次載入應用程式的住視窗時，掃描PresentationFramework.dll核心程式集(在該程式集中定義了控制項類)中的所有類型，然後將這些類型添加到一個集合中，根據類型名稱進行排序，此後將該集合綁定到一個列表。

private void Window_Loaded(object sender, RoutedEventArgs e)
        {
            Type controlType = typeof(Control);
            List<Type> derivedTypes = new List<Type>();

            // Search all the types in the assembly where the Control class is defined.
            Assembly assembly = Assembly.GetAssembly(typeof(Control));
            foreach (Type type in assembly.GetTypes())
            {
                // Only add a type of the list if it's a Control, a concrete class, and public.
                if (type.IsSubclassOf(controlType) && !type.IsAbstract && type.IsPublic)
                {
                    derivedTypes.Add(type);
                }
            }

            // Sort the types by type name.
            derivedTypes.Sort(new TypeComparer());

            // Show the list of types.
            lstType.ItemsSource = derivedTypes;
        }

　　無論何時從列表中選擇控制項，相應的控制項模板都會顯示在右邊的文本框中。完成這一步需要做更多的工作。第一個挑戰是，在視窗中實際顯示控制項之前，控制項的模板為空。通過使用反射，代碼視圖創建控制項的一個實例，並將它添加到當前視窗中(但可將Visibility設置為Collapse，使控制項不可見)。第二個挑戰是，將現存的ControlTemplate對象轉換為大家熟悉的XAML標記。XamlWriter.Save()靜態方法負責完成該任務，但代碼使用XamlWriter和XamlWriterSetting對象以確保Xaml縮進合理，便於閱讀。所有這些代碼都被封裝在異常處理塊中，異常處理塊監視不能被創建或不能添加到Grid網格(如另一個Windows或Page)中的控制項產生的問題：

private void lstTypes_SelectionChanged(object sender, SelectionChangedEventArgs e)
        {
            try
            {
                // Get the selected type.
                Type type = (Type)lstType.SelectedItem;

                // Instantiate the type.
                ConstructorInfo info = type.GetConstructor(System.Type.EmptyTypes);
                Control control = (Control)info.Invoke(null);

                Window win = control as Window;
                if (win != null)
                {
                    // Create the window (but keep it minimized).
                    win.WindowState = System.Windows.WindowState.Minimized;
                    win.ShowInTaskbar = false;
                    win.Show();
                }
                else
                {
                    // Add it to the grid (but keep it hidden).
                    control.Visibility = Visibility.Collapsed;
                    grid.Children.Add(control);
                }

                // Get the template.
                ControlTemplate template = control.Template;

                // Get the XAML for the template.
                XmlWriterSettings settings = new XmlWriterSettings();
                settings.Indent = true;
                StringBuilder sb = new StringBuilder();
                XmlWriter writer = XmlWriter.Create(sb, settings);
                System.Windows.Markup.XamlWriter.Save(template, writer);

                // Display the template.
                txtTemplate.Text = sb.ToString();

                // Remove the control from the grid.
                if (win != null)
                {
                    win.Close();
                }
                else
                {
                    grid.Children.Remove(control);
                }
            }
            catch (Exception err)
            {
                txtTemplate.Text = "<< Error generating template:" + err.Message + ">>"; ;
            }
        }

　　擴展該應用程式，從而在文本框中編輯模板，使用XamlReader將模板轉換回ControlTemplate對象，然後指定給某個控制項並觀察效果，這並不是很困難。然而，通過將模板放置到真實視窗中進行實際操作，測試和改進他們更加會容易。下一章節將介紹如何創建控制項模板。

　　本章涉及的程式可通過下麵的鏈接進行下載：

 　　ControlTemplateBrower.zip

　　


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

-Advertisement-
Play Games
更多相關文章
  • 從零編寫Spring Boot Starter
    Spring Boot為廣大開發人員提供了便利。 本文將介紹如何編寫Starter，以便開發人員復用自己或項目組的代碼。 代碼下載地址：https://gitee.com/jxd134/Spring Boot Greeter Starter.git 1 新建項目 項目基於Maven構建，包含以下三個 ...
  • 個位數統計
    題目: 代碼及思路: #include <stdio.h> #include <string.h> int main() { //以字元串的形式接受用戶輸入的數字 char str[1000]; //定義一個統計數組 int nums1[10] = {0}; scanf("%s", str); // ...
  • SpringCloud微服務之Ribbon負載均衡（一）
    什麼是微服務？什麼是SpringCloud？ 微服務是一種架構的模式，它提倡將一個應用程式劃分成很多個微小的服務，服務與服務之間相互協調、相互配合。每個服務運行都是一個獨立的進程，服務與服務之間採用輕量級的通訊機制相互溝通。簡單的來說就是將一個龐大的複雜的單體應用進行劃分成n多個微小的服務（一個服務 ...
  • Servlet學習筆記1 : Servlet入門簡介
    一、Servlet簡介 1.1、Servlet是sun公司提供的一門用於開發動態web資源的技術，Servlet屬於動態資源。 1.2、Servlet（Server Applet）是Java Servlet的簡稱，Servlet就是一個運行在伺服器端的Java類。 1.3、Servlet就是Java ...
  • Python爬蟲實踐，獲取百度貼吧內容
    經過前期大量的學習與準備，我們重要要開始寫第一個真正意義上的爬蟲了。本次我們要爬取的網站是：百度貼吧，一個非常適合新人練手的地方，那麼讓我們開始吧。 本次要爬的貼吧是<< 西部世界 >>，西部世界是我一直很喜歡的一部美劇，平時有空也會去看看吧友們都在聊些什麼。所以這次選取這個吧來作為實驗材料。註意： ...
  • 結題報告--hih0CoderP1041
    題目：點此 描述 小Hi和小Ho準備國慶期間去A國旅游。A國的城際交通比較有特色：它共有n座城市(編號1-n)；城市之間恰好有n-1條公路相連，形成一個樹形公路網。小Hi計劃從A國首都(1號城市)出發，自駕遍歷所有城市，並且經過每一條公路恰好兩次——來回各一次——這樣公路兩旁的景色都不會錯過。 令小 ...
  • 在Java中使用RabbitMQ
    依賴 <dependency> <groupId>com.rabbitmq</groupId> <artifactId>amqp-client</artifactId> <version>5.8.0</version> </dependency> 生產者 public class Producer ...
  • Quartz入門 (二) SimpleTrigger
    Trigger 就是觸發器的意思，用來指定什麼時間開始觸發，觸發多少次，每隔多久觸發一次 SimpleTrigger 可以方便的實現一系列的觸發機制。 1.下一個8秒的倍數開始運行： public class SimpleTriggerDemo { public static void main(S ...
一周排行
    -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.數據驗證 在伺服器端進行嚴格的數據驗證，確保接收到的數據符合預期格 ...
所有分類