教程關(guān)于android中vectordrawable矢量圖形表示詳解path之data屬性語法

AndroidAndroidL開始提供了新的APIVectorDrawable可以使SVG(關(guān)于svg原文詳解)類型的資源SVGEditor是一個基于SVG的矢量圖制作工具,此格式基于XML，允許放大或者縮小尺寸到任意分簽是<vector>，下面是一個例子res/drawable/triangle.xml<vectorxmlns:android="http://s <pathandroid:fillColor="#fff48800"android:pathData="M10,10100,10100,40Z"/></vector>上面代碼定義好的一個靜態(tài)的矢量圖，可以像一般的資源使用，設(shè)置到中會顯示出一個三角形（fillcolor填充顏色為橘黃色。如圖所控制顯示心形的就是上面path這個，一個path代表一個元素下面來解釋一下“M10,10100,10100,40Z”這樣字符串的意義首先我們先了解一些相關(guān)概念及命或使用大寫M時，表示絕對值;使用小寫m時;表示相對于前一點的值，如果前一點沒有指定，則使繪制指令(Draw我們可以繪制以下形狀直線:Line(L)格式：L結(jié)束點坐標(biāo)l結(jié)束點坐標(biāo)比如：L100,100l100100。坐標(biāo)值可以使用x,y（中間用英文逗號隔開）或xy（中間用半角空水平直線:Horizontal(水平的))三次方程式曲線CubicBeziercurve(曲線)(C)：通過指定兩個控制點來繪制由當(dāng)前點到格式：C第一控制點二控制點束c第一控制點二控制點束點比如：C100,200200,400300,200c100,200200,400300,200其中，點(100,200)為第一控制點，點(200,400)為第二控制點，點(300,200)為結(jié)束點二次方程式曲線:Quadratic(二次的)Bezier平滑三次方程式曲線:SmoothcubicBezier平滑二次方程式曲線:smoothquadraticBezier橢圓圓弧elliptical(橢圓的比如：L100,200L300,400表示從絕對坐標(biāo)點(100,200)到另一絕對坐標(biāo)點(300,400)的一條直線l100,200l300,400則表示相對上一點（如果未指定，則默認(rèn)為(0,0)坐標(biāo)點）開始計算的坐標(biāo)(100,200)到坐標(biāo)點為(300,400)的一條直線當(dāng)我們重復(fù)使用同一種類型時，就可以省略前面令。比如：L100,200L300,400簡寫為：L200300,400關(guān)閉指令(closeCommand):用以將圖形的首、尾點用直線連接，以形成一個封閉的區(qū)域。Zz表示。最常用的令Mmoveto移動繪制L：lineto直C：cubicbezier三次曲Z：close閉M(xy)移動到L(xy)直線連到x,y，還有簡化命令H(x)水平連接、V(y)垂直連Z，沒有參數(shù)，連接起點和終C(x1y1x2y2xy)，控制點x1,y1x2,y2，終點Q(x1y1xy)，控制點x1,y1，終點A(rxryx-axis-rotationlarge-arc-flagsweep-flagxy)rxry橢圓半徑x-axis-rotationx軸旋轉(zhuǎn)角large-arc-flag0時表示取小弧度，1時取大弧sweep-flag0取逆時針方向，1取順時針方當(dāng)然VectorDra