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

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