圖形如矩形、橢圓、路徑等都從Shape類派生，它們一般表示規則或不規則圖形，這些圖形都是簡單的二維圖形，我相信大家都能理解的。
例一：矩形。
請看下面的XAML代碼。
?
[html]?view plaincopyprint?
<Rectangle?RadiusX="20"?RadiusY="35"?????????????Fill="Blue"?????????????Canvas.Left="32"?Canvas.Top="28"?????????????Width="200"?Height="156"/>?? ?
圖形比較適合在Canvas中定位，所以一系列圖形的示例我都會放到Canvas中，對于Canvas的布局方式，我前面的文章中已經介紹過了。
Rectangle類表示一個矩形，RadiusX表示矩形圓角在X軸上的半徑，RadiusY一樣道理，Fill即填充畫刷。
Rectangle類還是比較好理解，畢竟它簡單。
下面我們再來看一個帶輪廓的，并且用漸變畫刷填充的矩形。
[html]?view plaincopyprint?
<Rectangle?Canvas.Left="12"?Canvas.Top="210"?????????????Stroke="Green"?????????????Height="112"?Width="223"?????????????StrokeThickness="8.5">??????<Rectangle.Fill>??????????<LinearGradientBrush?StartPoint="0,0"?EndPoint="1,1">??????????????<GradientStop?Color="#FF408764"?Offset="0"/>??????????????<GradientStop?Color="Gold"?Offset="0.65"/>??????????????<GradientStop?Color="#FFC697E0"?Offset="1"/>??????????</LinearGradientBrush>??????</Rectangle.Fill>??</Rectangle>?? ?
Stroke是輪廓的畫刷，StrokeThickness是輪廓的大小，這些屬性是從Shape類派生的，因此通用于所有子類。
例二：橢圓。
Ellipse表示橢圓，同樣包括正圓這一特例（高度和寬度相等），這個類的使用也是非常簡單，它的所有屬性都是從共同基類Shape繼承而來的。
請看下面的例子。
[html]?view plaincopyprint?
<Ellipse?Canvas.Left="25"?Canvas.Top="370"???????????Width="145"?Height="135"???????????Stroke="Blue"???????????StrokeThickness="3.8"???????????Fill="Silver"/>?? ?
下圖顯示以上例子的運行效果。
?
?
?
例三：用Line繪制線段。
嚴格上講，應該叫線段，因為直線是沒有端點，無限延展的，而Line是有兩個端點的，即開始點和結果點。
Line的使用也是很簡單的，就是兩個點（4個坐標），請看實例。
[html]?view plaincopyprint?
<Grid>??????<Line?X1="60"?Y1="35"????????????X2="480"?Y2="450"????????????Stroke="Yellow"????????????StrokeThickness="9.2"/>??</Grid>?? ?
Line放在Grid中效果比較明顯，因為Canvas中要設置Left，Top等屬性，這樣會干擾X1，Y1，X2，Y2的設置。
運行效果如下圖所示。
?
例四：Polygon和Polyline
我們看到，這兩個家伙長得很像，應該是親兄弟。
它們具有相同的屬性。
Points：就是構成該圖形的所有點的集合。
這兩個家伙可能你覺得有些頭暈，文檔的解釋可能你看不懂，但是，看不懂不等于不能用，沒關系，我們先來比較一下這兩兄弟有啥不同。
[html]?view plaincopyprint?
<Grid>??????<Grid.ColumnDefinitions>??????????<ColumnDefinition?Width="*"/>??????????<ColumnDefinition?Width="*"/>??????</Grid.ColumnDefinitions>??????<Grid.RowDefinitions>??????????<RowDefinition?Height="*"/>??????????<RowDefinition?Height="Auto"/>??????</Grid.RowDefinitions>??????<TextBlock?Grid.Column="0"?Grid.Row="1"?Text="Polygon"?HorizontalAlignment="Center"?Margin="0,20"?FontSize="35"/>??????<TextBlock?Grid.Column="1"?Grid.Row="1"?Text="Polyline"?HorizontalAlignment="Center"?Margin="0,20"?FontSize="35"/>??????<Polygon?Grid.Column="0"?Grid.Row="0"???????????????Margin="50"???????????????Stroke="Yellow"???????????????StrokeThickness="6.8"???????????????Stretch="Fill">??????????<Polygon.Points>??????????????<Point?X="2"?Y="6"/>??????????????<Point?X="65"?Y="37"/>??????????????<Point?X="160"?Y="120"/>??????????????<Point?X="22"?Y="390"/>??????????</Polygon.Points>??????</Polygon>??????<Polyline?Grid.Column="1"?Grid.Row="0"????????????????Margin="50"????????????????Stroke="Yellow"????????????????StrokeThickness="6.8"????????????????Stretch="Fill">??????????<Polyline.Points>??????????????<Point?X="2"?Y="6"/>??????????????<Point?X="65"?Y="37"/>??????????????<Point?X="160"?Y="120"/>??????????????<Point?X="22"?Y="390"/>??????????</Polyline.Points>??????</Polyline>??</Grid>??
?
看到了吧，一個是閉合的，一個是不閉合的，如果看不清楚，自己動手，豐衣足食。
?
?
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
意見，博 客編輯器經常死掉，點發布沒響應，望 CSDN早點修復漏洞。
轉載于:https://www.cnblogs.com/songtzu/archive/2012/07/24/2607122.html
總結
以上是生活随笔為你收集整理的Windows Phone开发（30）：图形 转：http://blog.csdn.net/tcjiaan/article/details/7453028的全部內容，希望文章能夠幫你解決所遇到的問題。
如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。
