通過上一章的學習，Geometry抽象類表示形狀或路徑，Drawing抽象類扮演了互補的角色，它表示2D圖畫(Drawing)——換句話說，它包含了顯示矢量影像或位圖需要的所有資訊，
盡管有幾類畫圖類，但只有GeometryDrawing類能使用已經學習過的幾何圖形，它增加了決定如何繪制圖形的畫筆和填充細節，可將GeometryDrawing物件視為矢量插圖中的形狀，例如，可將標準的視窗元檔案格式(.wmf)轉換成準備插入用戶界面的GeometryDrawing物件的集合，
分析一個簡單的示例有幫助的，前面已經看到了如何定義表示三角形的PathGeometry物件：
<PathGeometry> <PathFigure IsClosed="True" StartPoint="0,100"> <LineSegment Point="100,100"/> <LineSegment Point="100,50"/> </PathFigure> </PathGeometry>
可使用PathGeometry物件創建GeometryDrawing物件，如下所示：
<GeometryDrawing Brush="Yellow" > <GeometryDrawing.Pen> <Pen Brush="Blue" Thickness="3"></Pen> </GeometryDrawing.Pen> <GeometryDrawing.Geometry> <PathGeometry> <PathFigure IsClosed="True" StartPoint="10,100"> <LineSegment Point="100,100" /> <LineSegment Point="100,50" /> </PathFigure> </PathGeometry> </GeometryDrawing.Geometry> </GeometryDrawing>
現在，PathGeometry物件定義了形狀（三角形），GeometryDrawing物件定義了形狀的外觀（具有藍色邊界的黃色三角形），PathGeometry物件和GeometryDrawing物件都不是元素，所以不能直接使用這兩個物件中的任何一個為視窗添加自己繪制的內容，而需要使用另一個支持圖畫的類，
GeometryDrawing類不是WPF總唯一的圖畫類（盡管當使用2D矢量圖形時，該類是最相關的一個類），實際上，Drawing類用于表示所有型別的2D圖形，并且還有一個小組類繼承自該類，下表列出了所有這些類，
表 圖畫類
一、顯示圖畫
因為繼承自Drawing的類不是元素，所以不能將它們放置到用戶界面中，為了顯示圖畫，需要使用下表列出的三個類中的一個，
表 用于顯示圖畫的類
所有這些類中都存在通用主題，非常簡單，它們提供了使用更少系統資源顯示2D內容的方法，
例如，假如希望使用矢量影像為按鈕創建圖表，最簡單的方法（也是占用資源最多的方法）是在按鈕中放置Canvas控制元件，并在Canvas控制元件中放置一系列繼承自Shape類的元素：
<Button ...> <Canvas ...> <Polyline ...> <Polyline ...> <Rectangle ...> <Ellipse ...> <Polygon ...> </Canvas> </Button>
現在已經知道，如果是使用這種方法，每個元素都是完全獨立的，具有自己的記憶體區域和事件處理程式等，一個更好的減少元素數量的方法是Path元素，因為每個路徑具有單獨的筆畫和填充，所以仍需要大量Path物件，不過這還是能夠在一定程度上減少元素數量：
<Button ...> <Canvas ...> <Path ...> <Path ...> ... </Canvas> </Button>
一旦開始使用Path元素，就將獨立形狀變換為不同的幾何圖形，可從路徑中提取幾何圖形、筆畫以及填充資訊并將它們轉換成圖畫，從而再增加一個抽象層，然后可在DrawingGroup物件中將這些圖畫融合在一起，并將DrawingGroup物件放置到DrawingImage物件中，DrawingImage物件又可被放入到Image元素中，下面是這一程序創建的新標記：
<Button ...> <Image ...> <Image.Source> <DrawingImage> <DrawingImage.Drawing> <DrawingGroup> <GeometryDrawing ...> <GeometryDrawing ...> <GeometryDrawing ...> ... </DrawingGroup> </DrawingImage.Drawing> </DrawingImage> </Image.Source> </Image> </Button>
這是一次意義重大的改變，該例并沒有簡化標記，只是用GeometryDrawing物件代替了每個Path物件，然而，由于減少了元素的數量，因此降低了所需的開銷，在前面的示例中創建了包含在按鈕中的Canvas控制元件，并為每個路徑添加了單獨的元素，但該例只需要一個嵌套的元素：位于按鈕中的Image元素，付出的代價是不能再為每個不同的路徑處理事件（例如，不能探測滑鼠在圖畫中獨立區域的單擊操作），但在用于按鈕的靜態影像中，未必需要使用這種功能，
盡管使用DrawingImage物件已經節省了大量資源，但仍可進一步提高效率，借助于Drawing洗掉另一個元素，
基本思想是在DrawingBrush物件中的封裝DrawingImage物件，如下所示：
<Button ...> <Button.Background> <DrawingBrush> <DrawingBrush.Drawing> <DrawingGroup> <GeometryDrawing ...> <GeometryDrawing ...> <GeometryDrawing ...> <....> </DrawingGroup> </DrawingBrush.Drawing> </DrawingBrush> </Button.Background> </Button>
DrawingBrush方法和前面介紹的DrawingImage方法不完全相同，因為Image元素改變其內容的默認方式是不同的，Image.Stretch屬性的默認值是Uniform，該設定會為了適應可用空間而放大或縮小影像，DrawingBrush.Stretch屬性的默認值是Fill，該設定可能會扭曲影像，
當改變DrawingBrush的Stretch屬性時，為明確扭曲填充區域中圖畫的位置和尺寸，也可能希望調整Viewport設定，例如，下面的標記縮放由圖畫畫刷使用的圖畫，以占用填充區域的90%：
<DrawinBrush Stretch="Fill" Viewport="0,0 0.9,0.9">
對于按鈕示例這是非常有用的，因為可為按鈕周圍的邊框留出一定的空間，因為DrawingBrush并非元素，所以不能使用WPF布局程序，這意味著和Image元素不同，DrawingBrush中的內容放置不會考慮Button.Paddin屬性值，
使用DrawingBrush方式的一個古怪問題是，將滑鼠移到按鈕上時內容會消失，并且會使用一個新畫刷繪制按鈕表面，但當使用Image方式時，圖片就不受影響，為了解決這個問題，需要為按鈕創建自定義按鈕控制元件模板，該模板使用不同的方式繪制按鈕的背景，
無論是在DrawingImage本身中使用圖形，還是使用DrawingBrush封裝圖形，都應當考慮使用資源分解標記，基本思想是作為不同資源定義每個DrawingImage或DrawingBrush物件，從而當需要時就可以參考定義的物件，如果希望在多個元素或視窗中顯示相同的內容，這是特別好的思想，因為只需要重用資源，而不必復制整塊標記，如下面的示例所示：
<Window x:Class="Drawing.Drawings" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Title="Drawings" Height="300" Width="300"> <Window.Resources> <GeometryDrawing x:Key="Drawing" Brush="Yellow" > <GeometryDrawing.Pen> <Pen Brush="Blue" Thickness="3"></Pen> </GeometryDrawing.Pen> <GeometryDrawing.Geometry> <PathGeometry> <PathFigure IsClosed="True" StartPoint="10,100"> <LineSegment Point="100,100" /> <LineSegment Point="100,50" /> </PathFigure> </PathGeometry> </GeometryDrawing.Geometry> </GeometryDrawing> </Window.Resources> <StackPanel Orientation="Horizontal" Margin="5"> <Button Width="30" Height="30"> <Image> <Image.Source> <DrawingImage Drawing="{StaticResource Drawing}"> </DrawingImage> </Image.Source> </Image> </Button> <Button Width="30" Height="30"> <Button.Background> <DrawingBrush Stretch="Uniform" Viewport="0,0 0.9,1" Drawing="{StaticResource Drawing}"> </DrawingBrush> </Button.Background> </Button> </StackPanel> </Window>Drawings
二、匯出插圖
盡管所有這些示例都行內地宣告他們的圖畫，但更常用的方法是將該內容的某些部分放到資源字典中，從而可在整個應用程式中重用（并非一個地方進行修改），由用戶來確定如何將這些標記分割到資源中，但兩種常用的方法是，存盤一個充滿DrawingImage物件的字典，或存盤一個保存DrawingBrush物件的字典，此外，也可以分離出Geometry物件，并將它們存盤為獨立的資源，如上面的示例所示，
當然，很少有開發人員會手動撰寫大量圖形，反而， 他們將使用專門的設計工具匯出所需的XAML內容，大多數設計工具目前還不支持XAML匯出功能，不過有許多插件和轉換工具可以彌補這一缺陷，下面是幾個例子：
- http://www.mikeswanson.com/XAMLExport/上有一個用于Adobe Illustrator工具的免費XAML插件
- http://www.mikeswanson.com/swf2xaml/上有一個用于Adobe Flash檔案的免費XAML轉換工具，
- Expression Design是Microsoft公司的插入和圖形設計程式，內置了XAML匯出功能，該程式能夠讀取各種矢量圖形檔案格式，包括.wmf(Windows元檔案格式)檔案，還可以匯入已經存在的插圖并將其匯出為XAML格式，
然而，即使使用其中某個工具，前面學習的有關圖形和圖畫的知識依然十分重要，主要原因如下幾點：
首先，許多程式允許選擇是希望作為Canvas控制元件中的獨立元素的組合匯出圖畫，還是希望作為DrawingBrush或DrawingImage資源的集合匯出圖畫，通常，第一種選擇是默認選擇，因為它保留了許多特性，然而，如果使用大量圖畫，并且圖畫很復雜，或者只是希望為了盡可能減少記憶體需求而使用靜態圖形，如按鈕圖形，使用DrawingBrush或DrawingImage資源更好的多，而且，這些格式和用戶界面的其他部分是相互獨立的，所以在以后很容易更新它們，
之所以說理解2D圖形基礎知識是很重要的，另一個原因是這樣可以更容易地控制它們，例如，可通過以下方式替換標準的2D圖形：修改用于繪制各種形狀的畫刷、為單個幾何圖形應用變化、改變不透明度或者變換整個形狀層（通過DrawingGroup物件），更富有戲劇性的是，可添加、洗掉和替換單個幾何圖形，
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/63587.html
標籤：其他