UWP 绘制图形
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
参考:https://msdn.microsoft.com/zh-cn/library/windows/apps/xaml/mt280380.aspx
UWP 绘制图形的更多相关文章
- CSS 魔法系列:纯 CSS 绘制图形(心形、六边形等)
		<CSS 魔法系列>继续给大家带来 CSS 在网页中以及图形绘制中的使用.这篇文章给大家带来的是纯 CSS 绘制五角星.六角形.五边形.六边形.心形等等. 我们的网页因为 CSS 而呈现千 ... 
- html5 Canvas绘制图形入门详解
		html5,这个应该就不需要多作介绍了,只要是开发人员应该都不会陌生.html5是「新兴」的网页技术标准,目前,除IE8及其以下版本的IE浏览器之外,几乎所有主流浏览器(FireFox.Chrome. ... 
- html5 canvas 笔记一(基本用法与绘制图形)
		<canvas> 元素 <canvas id="tutorial" width="150" height="150"> ... 
- WPF2D绘制图形方法
		我们先看看效果如何: xaml文件: <Window x:Class="WPF2D绘制图形方法.MainWindow" xmlns="http://schemas. ... 
- 11-UIKit(Storyboard、View的基本概念、绘制图形、UIBezierPath)
		目录: 1. Storyboard 2. Views 3. View的基本概念介绍 4. 绘制图形 5. UIBezierPath 回到顶部 1. Storyboard 1.1 静态表视图 1)Sec ... 
- HTML5—canvas绘制图形(1)
		1.canvas基础知识 canvas元素是HTML5中新增的一个重要的元素,专门用来绘制图形,不过canvas本身不具备画图的能力,在页面中放置了canvas元素,就相当于在页面中放置了一块矩形的“ ... 
- 【canvas学习笔记二】绘制图形
		上一篇我们已经讲述了canvas的基本用法,学会了构建canvas环境.现在我们就来学习绘制一些基本图形. 坐标 canvas的坐标原点在左上角,从左到右X轴坐标增加,从上到下Y轴坐标增加.坐标的一个 ... 
- HTML5使用Canvas来绘制图形
		一.Canvas标签: 1.HTML5<canvas>元素用于图形的绘制,通过脚本(通常是javascript)来完成. 2.<canvas>标签只是图形容器,必须使用脚本来绘 ... 
- canvas 绘制图形
		canvas 绘制图形: 注意: canvas 的宽高设置在行内,否则会使画布(canvas)产生扭曲,绘图变形: <!DOCTYPE html> <html lang=" ... 
随机推荐
- VBScript中InStr函数的用法
			InStr([start, ]str1, str2[, compare]) [用途]:返回str2在str1中的位置.匹配成功时,返回值最小值为1,未匹配到时返回0. [参数说明]: start:在s ... 
- eclipse: eclipse创建java web项目
			Eclipse创建java web工程 eclipse版本:eclipse-jee-4.5-win32-x64 tomcat版本:apache-tomcat-7.0.63-windows-x64 jd ... 
- Excel表科学记数法的数字和文本的转换
			一,科学记数法的数字转换文本类型: 1,还未有数据,先选中列或者单元格 右键单击->设置单元格格式->文本->确定 2,已有数据,先选中列或者单元格 右键单击->设置单元格格式 ... 
- 从instr中截取第一个delimiter之前的内容放到outstr中,返回第一个delimiter之后的位置
			从instr中截取第一个delimiter之前的内容放到outstr中,返回第一个delimiter之后的位置 char *msstrtok(char *instr, char *outstr, ch ... 
- Rigidbody(刚体) and Collider(碰撞器)
			关于刚体Rigidbody,手册上是这么描述的: Control of an object's position through physics simulation. 通过物理模拟控制一个物体的位置 ... 
- angular 时间戳转换
			.filter('getWeek', function() { return function(input) { var date = new Date(input * 1000); var week ... 
- xml是什么,为什么要用xml
			XML概念 众所周知,xml常用语数据存储和传输,文件后缀为 .xml: 它是可扩展标记语言(Extensible Markup Language,简称XML),是一种标记语言. 标记,指计算机所能理 ... 
- eastcom——eclipse中运行vtmserver项目
			1, vtmserver项目必须在tomcat7上运行. 2, 在Eclipse中vtmserver的截图 3, 在eclipse中配置一个tomcat7并将vtmserver加入其中 4, 在ecl ... 
- 监控-CPU使用率
			原始脚本来自TG,自己对部分脚本做了调整,分享出来仅供参考,请勿整篇Copy! 使用以下语句获取[CPU使用率] USE [DBA_Monitor] GO /****** 对象: StoredProc ... 
- Springboot与Mybatis整合
			最近自己用springboot和mybatis做了整合,记录一下: 1.先导入用到的jar包 <dependency> <groupId>org.springframework ... 
