UWP图形和wpf变化不多
一般用到有椭圆、长方形、多边形、线
不过如果用的好,可以做出很漂亮的界面
一般使用画图都是使用Shape 类,Shape 类具有一个与其关联的画笔并可以呈现到屏幕,包括 Line、Ellipse、Rectangle、Polygon、Polyline
## 画圆
在uwp没有圆这东西,我们可以用长和宽一样的Ellipse作为圆
~~~
<Ellipse Height="200" Width="200" Fill="Black" />
~~~
如果长和宽不一样,那么就看起来是Ellipse
![如果长和宽不一样,那么就看起来是Ellipse](https://box.kancloud.cn/2016-04-08_5707636994dd3.jpg "")
## 矩形
Rectangle要指定指定 Width、Height 和 Fill
~~~
<Rectangle Height="200" Width="200" Fill="Black"/>
~~~
![Rectangle要指定指定 Width、Height 和 Fill](https://box.kancloud.cn/2016-04-08_57076369a9154.jpg "")
圆角矩形
指定RadiusX 和 RadiusY ,RadiusX 和 RadiusY最大可以是宽高一半
~~~
<Rectangle Height="200" Width="200" Fill="Black" StrokeThickness="3" RadiusX="10" RadiusY="10"/>
~~~
![圆角矩形](https://box.kancloud.cn/2016-04-08_57076369bc166.jpg "")
我们有一个新的画圆的方法
RadiusX =Width/2
RadiusY =Height/2
~~~
<Rectangle Height="200" Width="200" Fill="Black" StrokeThickness="3" RadiusX="100" RadiusY="100" />
~~~
![画圆](https://box.kancloud.cn/2016-04-08_57076369ce75f.jpg "")
如果不要填充,那么使用 Border
## 多边形
Polygon 是通过任意数量的点来定义边的形状。边通过用直线将点一个一个连接起来(第最后一个点与第一个点相连)而创建。Points 属性定义组成边的点集。在 XAML 中,使用逗号分隔的列表定义点。在代码隐藏文件中,使用 PointCollection 定义各个点,并将每个点作为一个 Point 值添加到集合中。
~~~
<Polygon Fill="Black" Points="0,100,200,100,200,0,0,0"/>
~~~
![多边形](https://box.kancloud.cn/2016-04-08_57076369e5fbf.jpg "")
## 线
设置X1 Y1和X2 Y2,如果不设置X1 Y1,X1 Y1=0
如果没有设置Stroke,线会不可见
~~~
<Line X1="10" Y1="10" X2="100" Y2="100" Stroke="Black"/>
~~~
![线](https://box.kancloud.cn/2016-04-08_5707636a0a786.jpg "")
设置StrokeThickness
~~~
<Line X1="10" Y1="10" X2="100" Y2="100" Stroke="Black" StrokeThickness="10" Margin="10,10,10,10"/>
~~~
![设置StrokeThickn](https://box.kancloud.cn/2016-04-08_5707636a1d4fb.jpg "")
## 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 应用通信