章立民研究室

圖案是 UIElement 的一種，透過它得以讓我們在螢幕上繪製圖形，也就是說，由於圖案是 UI 項目，因此可以在畫布（Canvas）裡，使用圖案物件。
  

Silverlight內建許多基本而且容易使用的圖案物件，包含：Ellipse（橢圓形）、Line（直線）、Path（路徑）、Polygon（多邊形）、Polyline（多線段）、與 Rectangle（矩形）。其中的 Ellipse、Line 與 Rectangle，稱為基本圖案物件，顧名思義，是因為這 3 個物件，是所有圖案物件的根本。至於 Path、Polygon 與 Polyline，則是衍生自基本圖案。不論是基本圖案物件或衍生圖案物件都具備下列共同的屬性（註：請大家一併參考圖表 1，以便更瞭解這些屬性）：
 

r  Stroke（外框）
指定應該要使用哪種筆刷來繪製圖案的外框。 

r  StrokeThickness（寬度）
指定圖案外框的粗細程度。  

r  Fill（填充）
指定要使用哪一種筆刷來繪製圖案的內部。

r  Data（資料）
採用與裝置無關的像素作為繪製單位，以便指定特定的座標與頂點位置。

 

附註：
繪製的單位是邏輯像素（Logical Pixel）。1 個邏輯像素是 1 吋（英吋）的 96 分之 1，也就是說 96 個邏輯像素相當於 1 吋。

圖表 1 

r  Canvas.Left（左邊界）與Canvas.Top（頂端邊界）
如欲讓畫布的子物件偏移該畫布的左邊界或頂端邊界邊界特定距離，請指定畫布內之子物件的Canvas.Left與Canvas.Top屬性，如此一來該物件便可位於畫布的某個絕對位置上。

在後續的文章中，我們將討論各個圖案物件的屬性，並透過Microsoft® Expression Blend™ 2  操作與範例，來讓大家更加瞭解如何使用這些圖案物件與相關屬性的設定。