教程关于android中vectordrawable矢量图形表示详解path之data属性语法

AndroidAndroidL开始提供了新的APIVectorDrawable可以使SVG(关于svg原文详解)类型的资源SVGEditor是一个基于SVG的矢量图制作工具,此格式基于XML，允许放大或者缩小尺寸到任意分签是<vector>，下面是一个例子res/drawable/triangle.xml<vectorxmlns:android="http://s <pathandroid:fillColor="#fff48800"android:pathData="M10,10100,10100,40Z"/></vector>上面代码定义好的一个静态的矢量图，可以像一般的资源使用，设置到中会显示出一个三角形（fillcolor填充颜色为橘黄色。如图所控制显示心形的就是上面path这个，一个path代表一个元素下面来解释一下“M10,10100,10100,40Z”这样字符串的意义首先我们先了解一些相关概念及命或使用大写M时，表示绝对值;使用小写m时;表示相对于前一点的值，如果前一点没有指定，则使绘制指令(Draw我们可以绘制以下形状直线:Line(L)格式：L结束点坐标l结束点坐标比如：L100,100l100100。坐标值可以使用x,y（中间用英文逗号隔开）或xy（中间用半角空水平直线:Horizontal(水平的))三次方程式曲线CubicBeziercurve(曲线)(C)：通过指定两个控制点来绘制由当前点到格式：C第一控制点二控制点束c第一控制点二控制点束点比如：C100,200200,400300,200c100,200200,400300,200其中，点(100,200)为第一控制点，点(200,400)为第二控制点，点(300,200)为结束点二次方程式曲线:Quadratic(二次的)Bezier平滑三次方程式曲线:SmoothcubicBezier平滑二次方程式曲线:smoothquadraticBezier椭圆圆弧elliptical(椭圆的比如：L100,200L300,400表示从绝对坐标点(100,200)到另一绝对坐标点(300,400)的一条直线l100,200l300,400则表示相对上一点（如果未指定，则默认为(0,0)坐标点）开始计算的坐标(100,200)到坐标点为(300,400)的一条直线当我们重复使用同一种类型时，就可以省略前面令。比如：L100,200L300,400简写为：L200300,400关闭指令(closeCommand):用以将图形的首、尾点用直线连接，以形成一个封闭的区域。Zz表示。最常用的令Mmoveto移动绘制L：lineto直C：cubicbezier三次曲Z：close闭M(xy)移动到L(xy)直线连到x,y，还有简化命令H(x)水平连接、V(y)垂直连Z，没有参数，连接起点和终C(x1y1x2y2xy)，控制点x1,y1x2,y2，终点Q(x1y1xy)，控制点x1,y1，终点A(rxryx-axis-rotationlarge-arc-flagsweep-flagxy)rxry椭圆半径x-axis-rotationx轴旋转角large-arc-flag0时表示取小弧度，1时取大弧sweep-flag0取逆时针方向，1取顺时针方当然VectorDra