UWP圖形和wpf變化不多
一般用到有橢圓、長方形、多邊形、線
不過如果用的好,可以做出很漂亮的界面
一般使用畫圖都是使用Shape 類,Shape 類具有一個與其關聯的畫筆并可以呈現到屏幕,包括 Line、Ellipse、Rectangle、Polygon、Polyline
## 畫圓
在uwp沒有圓這東西,我們可以用長和寬一樣的Ellipse作為圓
~~~
<Ellipse Height="200" Width="200" Fill="Black" />
~~~
如果長和寬不一樣,那么就看起來是Ellipse

## 矩形
Rectangle要指定指定 Width、Height 和 Fill
~~~
<Rectangle Height="200" Width="200" Fill="Black"/>
~~~

圓角矩形
指定RadiusX 和 RadiusY ,RadiusX 和 RadiusY最大可以是寬高一半
~~~
<Rectangle Height="200" Width="200" Fill="Black" StrokeThickness="3" RadiusX="10" RadiusY="10"/>
~~~

我們有一個新的畫圓的方法
RadiusX =Width/2
RadiusY =Height/2
~~~
<Rectangle Height="200" Width="200" Fill="Black" StrokeThickness="3" RadiusX="100" RadiusY="100" />
~~~

如果不要填充,那么使用 Border
## 多邊形
Polygon 是通過任意數量的點來定義邊的形狀。邊通過用直線將點一個一個連接起來(第最后一個點與第一個點相連)而創建。Points 屬性定義組成邊的點集。在 XAML 中,使用逗號分隔的列表定義點。在代碼隱藏文件中,使用 PointCollection 定義各個點,并將每個點作為一個 Point 值添加到集合中。
~~~
<Polygon Fill="Black" Points="0,100,200,100,200,0,0,0"/>
~~~

## 線
設置X1 Y1和X2 Y2,如果不設置X1 Y1,X1 Y1=0
如果沒有設置Stroke,線會不可見
~~~
<Line X1="10" Y1="10" X2="100" Y2="100" Stroke="Black"/>
~~~

設置StrokeThickness
~~~
<Line X1="10" Y1="10" X2="100" Y2="100" Stroke="Black" StrokeThickness="10" Margin="10,10,10,10"/>
~~~

## path
這個是最能做漂亮的動畫
應用可以參照[http://www.cnblogs.com/isaboy/p/customprogress.html](http://www.cnblogs.com/isaboy/p/customprogress.html)
參考:[https://msdn.microsoft.com/zh-cn/library/windows/apps/xaml/mt280380.aspx](https://msdn.microsoft.com/zh-cn/library/windows/apps/xaml/mt280380.aspx)
- 前言
- UWP win10 app 新關鍵字x:Bing
- win10應用 UWP 使用MD5算法
- win10 UWP讀寫文件
- UWP appButtonBar樣式
- C# 6.0 $&quot;Hello {csdn}&quot;
- Win10 UWP xaml 延遲加載元素
- UWP xaml 圓形頭像
- UWP 繪制圖形
- win10 uwp 通知Toast
- win10 UWP 顯示地圖
- win10 uwp 參考
- win10 uwp clone
- win10 uwp 裝機必備應用 含源代碼
- RichEditBox 使用自定義菜單
- win10 UWP FlipView
- win10 UWP 獲取系統信息
- win10 UWP 申請微軟開發者
- win10 UWP button
- win10 UWP Markdown 含源代碼
- win10 UWP 應用設置
- win10 UWP 九幽數據分析
- win10 UWP 圓形等待
- win10 UWP 標題欄后退
- win10 UWP 單元測試
- win10 UWP 你寫我讀
- win10 UWP RSS閱讀器
- win10 UWP MessageDialog 和 ContentDialog
- win10 UWP Hmac
- win10 UWP GET Post
- Win10 UWP Intro to controls and events
- win10 UWP Controls by function
- win10 uwp App-to-app communication 應用通信