UWP 绘制图形

最后更新于:2022-04-01 20:22:53

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