標(biāo)簽介紹：
<vector>, <group>, <clip-path>光涂，<animated-vector> 項(xiàng)目中還是用到了一些動畫的標(biāo)簽神汹，這里就不做展示了
path
android:name 定義該 path 的名字骄恶，這樣在其他地方可以通過名字來引用這個路徑
android:pathData 和 SVG 中 d 元素一樣的路徑信息席赂。
android:fillColor 定義填充路徑的顏色辖佣，如果沒有定義則不填充路徑
android:strokeColor 定義如何繪制路徑邊框匆帚，如果沒有定義則不顯示邊框
android:strokeWidth 定義路徑邊框的粗細(xì)尺寸
android:strokeAlpha 定義路徑邊框的透明度
android:fillAlpha 定義填充路徑顏色的透明度
android:trimPathStart 從路徑起始位置截?cái)嗦窂降谋嚷史湟铮≈捣秶鷱?0 到1
android:trimPathEnd 從路徑結(jié)束位置截?cái)嗦窂降谋嚷收け恚≈捣秶鷱?0 到1
android:trimPathOffset 設(shè)置路徑截取的范圍，取值范圍從 0 到1
android:strokeLineCap 設(shè)置路徑線帽的形狀师枣，取值為 butt, round, square.
android:strokeLineJoin 設(shè)置路徑交界處的連接方式怪瓶，取值為 miter,round,bevel.
android:strokeMiterLimit 設(shè)置斜角的上限文
vector：定義這個矢量圖
android:name 定義該drawable的名字
android:width 定義該 drawable 的內(nèi)部(intrinsic)寬度,支持所有 Android 系統(tǒng)支持的尺寸，通常使用 dp
android:height 定義該 drawable 的內(nèi)部(intrinsic)高度,支持所有 Android 系統(tǒng)支持的尺寸践美，通常使用 dp
android:viewportWidth 定義矢量圖視圖的寬度洗贰，視圖就是矢量圖 path 路徑數(shù)據(jù)所繪制的虛擬畫布
android:viewportHeight 定義矢量圖視圖的高度，視圖就是矢量圖 path 路徑數(shù)據(jù)所繪制的虛擬畫布
android:tint 定義該 drawable 的 tint 顏色陨倡。默認(rèn)是沒有 tint 顏色的
android:tintMode 定義 tint 顏色的 Porter-Duff blending 模式敛滋，默認(rèn)值為 src_inandroid:autoMirrored 設(shè)置當(dāng)系統(tǒng)為 RTL (right-to-left) 布局的時候，是否自動鏡像該圖片兴革。
android:alpha 該圖片的透明度屬性
首先創(chuàng)建一個vectorDrawable
先展示一下效果圖
</br>
現(xiàn)在看上去還是沒一點(diǎn)鳥用哈绎晃，也沒什么特點(diǎn)蜜唾，下一篇博客將給你驚喜，這里就不管它了
</br>
注意：這里寬高（width和height的比例及viewportHeight和viewportWidth比例）的比例很重要庶艾，這個比例必須和布局文件中寬高比例一直袁余，比如布局文件中的寬是300dp，高是100dp落竹，那么寬高的比例就是3:1,所以在vector中的寬高比例就是3:1
不要怪我啰嗦泌霍，因?yàn)槟闳绻粚?yīng)，導(dǎo)致的直接結(jié)果就是顯示后的圖形是拉伸或是壓縮的述召，然后你可能會想朱转。我改一下就好了，那恭喜你你成功給自己挖了一個大坑积暖，全是計(jì)算
<vector xmlns:android="http://schemas.android.com/apk/res/android"
android:width="75dp"
android:height="25dp"
android:viewportHeight="40"
android:viewportWidth="120">
<path
android:name="firstHLine"
android:pathData="M 0,20 l 90,0"
android:strokeAlpha="0.8"
android:strokeColor="@android:color/holo_red_dark"
android:strokeWidth="0.5" />
<path
android:name="circleTop"
android:pathData="M 90,20
A 9,9 0,1,0 81,11"
android:strokeAlpha="0.8"
android:strokeColor="@android:color/holo_red_dark"
android:strokeWidth="0.5" />
<path
android:name="true"
android:pathData="M 81,11 l 4,6 l 10,-8"
android:strokeAlpha="0.8"
android:strokeColor="@android:color/holo_red_dark"
android:strokeLineCap="round"
android:strokeWidth="0.5" />
<path
android:name="circleBouttom"
android:pathData="
M90,20
A 9,9 0,1,1 90,38"
android:strokeAlpha="0.8"
android:strokeColor="@android:color/holo_red_dark"
android:strokeWidth="0.5" />
<path
android:name="secondHLine"
android:pathData="M 0,38 l 90,0"
android:strokeAlpha="0.8"
android:strokeColor="@android:color/holo_red_dark"
android:strokeWidth="0.5" />
</vector>
沒錯我第一次看到vector的時候也是一臉懵逼藤为，這t m是啥呀，全是字母加數(shù)字夺刑，那就具體來解釋一下吧
</br>
vectorDrawable支持的指令：
M = moveto(M X,Y) ：將畫筆移動到指定的坐標(biāo)位置
L = lineto(L X,Y) ：畫直線到指定的坐標(biāo)位置
H = horizontal lineto(H X)：畫水平線到指定的X坐標(biāo)位置
V = vertical lineto(V Y)：畫垂直線到指定的Y坐標(biāo)位置
C = curveto(C X1,Y1,X2,Y2,ENDX,ENDY)：三次貝賽曲線
S = smooth curveto(S X2,Y2,ENDX,ENDY)
Q = quadratic Belzier curve(Q X,Y,ENDX,ENDY)：二次貝賽曲線
T = smooth quadratic Belzier curveto(T ENDX,ENDY)：映射
A = elliptical Arc(A RX,RY,XROTATION,FLAG1,FLAG2,X,Y)：畫圓弧缅疟。分別對應(yīng)： x軸半徑，y軸半徑遍愿，x軸偏移量存淫，弧度（0代表取小弧度，1代表取大弧度） 沼填，方向（0取逆時針桅咆，1為順時針），目標(biāo)X坐標(biāo)坞笙，目標(biāo)y坐標(biāo)岩饼。（當(dāng)rx=ry時就是一個圓，但是終點(diǎn)坐標(biāo)要對哈）
Z = closepath()：關(guān)閉路徑
注意：這里字母大寫和字母小寫也是有講究的薛夜，大寫代表當(dāng)前空間的絕對位置籍茧，小寫代表相對位置，比如M(10,10)指的是移動到當(dāng)前空間的x=10,y= 10這個位置（絕對位置）梯澜，m(10,10)則指的是從當(dāng)前點(diǎn)向右10個單位位置的點(diǎn)寞冯，并從當(dāng)前點(diǎn)向下10個單位位置的點(diǎn)（相對位置）
這里提一下至于數(shù)字中間用逗號間隔，還是用空格來隔開都沒關(guān)系晚伙，根據(jù)個人喜好
測試大寫和小寫分別對應(yīng)的效果简十，代碼如下
<vector xmlns:android="http://schemas.android.com/apk/res/android"
android:width="24dp"
android:height="24dp"
android:viewportHeight="100"
android:viewportWidth="100">
<path
android:pathData="M 0,10,L 100,10"
android:strokeColor="@android:color/holo_red_light"
android:strokeWidth="2" />
<path
android:pathData="M 0,40,l 100,40"
android:strokeColor="@android:color/holo_blue_light"
android:strokeWidth="2" />
<path
android:pathData="M 0,80,L 100,80"
android:strokeColor="@android:color/white"
android:strokeWidth="2" />
</vector>
光文字，干燥撬腾，來張圖片螟蝙，醒醒腦
是不是一下感覺就懂了大小寫的區(qū)別了
接下來就來畫一些基本的圖形（直線就不畫了，上面有了）民傻，感受下vectorDrawable
先來畫個圓吧
代碼如下
<vector xmlns:android="http://schemas.android.com/apk/res/android"
android:width="24dp"
android:height="24dp"
android:viewportHeight="24"
android:viewportWidth="24">
<path
android:name="circle"
android:pathData="
M12,12//定位到當(dāng)前空間的中心
m-10,0 //從當(dāng)前點(diǎn)向左移動10個單位
a10,10 0 1,1 20,0//在當(dāng)前點(diǎn)繪制一個以上面的m點(diǎn)為起點(diǎn)半徑為10胰默，終點(diǎn)是（20,0）场斑，注意小寫是相對位置
a10,10 0 1,1 -20,0"http://與上面同理
android:strokeColor="@color/colorPrimary"
android:strokeWidth="1" />
<!--你可能會想為什么要畫兩個半圓而不是一個整圓，我只能說你可以試試-->
</vector>
再來個難度高點(diǎn)的
代碼如下
<vector xmlns:android="http://schemas.android.com/apk/res/android"
android:width="24dp"
android:height="24dp"
android:viewportHeight="200"
android:viewportWidth="200">
<path
android:fillColor="@color/colorAccent"
android:pathData="
M10,0
h180//從當(dāng)前點(diǎn)向右一條直線牵署，繪制180個單位
q10,0 10,10//這就是貝賽曲線
v180//從當(dāng)前點(diǎn)向下一條直線漏隐，繪制180個單位
q0,10 -10,10
h -180
q-10,0 -10,-10
v-180
q 0,-10 10,-10
M 90,100
a 30,40 -60,1,0 -60 ,10
c 20,20 40,40 60,60
c 20,-20 40,-40 60,-60//三次貝賽曲線
a 30,40 60,1,0 -60 ,-10"
android:strokeColor="@color/colorPrimary" />
</vector>
**貝賽曲線繪制很簡單的，但是實(shí)際用到比較少奴迅，我暫時就不做講解了青责，下一篇博客的文章末尾我會給出一些學(xué)習(xí)的鏈接
h和v方法是太簡單，讀者一試便知取具，就不繪制了
**
