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

時間 2020-03-18

標籤 WPF學習第五十九章理解控件模板简体版

原文原文鏈接

　　最近工做比較忙，未能及時更新內容，敬請了解！！！編程

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

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

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

<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類都會相應地調整自身。因爲發生的圖形變化過於複雜，所以沒法只經過幾個屬性設置器語句來表示這些變化。code

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

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

<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類自己不提供定製功能——該類專門用於渲染標準按鈕的特定主題外觀。排序

1、修飾類

　　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>

2、剖析控件

　　當建立控件模板時，新建的模板徹底替代了原有的模板，這樣能夠獲得更大的靈活性，但更復雜些。大多數狀況下，在建立知足本身須要的模板以前，須要查看控件使用的標準模板。某些狀況下，自定義的控件模板可鏡像標準模板，並只進行不多的修改。

　　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 + ">>"; ;
            }
        }