教程關于android中vectordrawable矢量圖形表示詳解path之data屬性語法_第1頁
全文預覽已結束

下載本文檔

版權說明:本文檔由用戶提供并上傳,收益歸屬內容提供方,若內容存在侵權,請進行舉報或認領

文檔簡介

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

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯系上傳者。文件的所有權益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網頁內容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
  • 4. 未經權益所有人同意不得將文件中的內容挪作商業或盈利用途。
  • 5. 人人文庫網僅提供信息存儲空間,僅對用戶上傳內容的表現方式做保護處理,對用戶上傳分享的文檔內容本身不做任何修改或編輯,并不能對任何下載內容負責。
  • 6. 下載文件中如有侵權或不適當內容,請與我們聯系,我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論