标签介绍：
<vector>, <group>, <clip-path>，<animated-vector> 项目中还是用到了一些动画的标签，这里就不做展示了
path
android:name 定义该 path 的名字，这样在其他地方可以通过名字来引用这个路径
android:pathData 和 SVG 中 d 元素一样的路径信息。
android:fillColor 定义填充路径的颜色，如果没有定义则不填充路径
android:strokeColor 定义如何绘制路径边框，如果没有定义则不显示边框
android:strokeWidth 定义路径边框的粗细尺寸
android:strokeAlpha 定义路径边框的透明度
android:fillAlpha 定义填充路径颜色的透明度
android:trimPathStart 从路径起始位置截断路径的比率，取值范围从 0 到1
android:trimPathEnd 从路径结束位置截断路径的比率，取值范围从 0 到1
android:trimPathOffset 设置路径截取的范围，取值范围从 0 到1
android:strokeLineCap 设置路径线帽的形状，取值为 butt, round, square.
android:strokeLineJoin 设置路径交界处的连接方式，取值为 miter,round,bevel.
android:strokeMiterLimit 设置斜角的上限文
vector：定义这个矢量图
android:name 定义该drawable的名字
android:width 定义该 drawable 的内部(intrinsic)宽度,支持所有 Android 系统支持的尺寸，通常使用 dp
android:height 定义该 drawable 的内部(intrinsic)高度,支持所有 Android 系统支持的尺寸，通常使用 dp
android:viewportWidth 定义矢量图视图的宽度，视图就是矢量图 path 路径数据所绘制的虚拟画布
android:viewportHeight 定义矢量图视图的高度，视图就是矢量图 path 路径数据所绘制的虚拟画布
android:tint 定义该 drawable 的 tint 颜色。默认是没有 tint 颜色的
android:tintMode 定义 tint 颜色的 Porter-Duff blending 模式，默认值为 src_inandroid:autoMirrored 设置当系统为 RTL (right-to-left) 布局的时候，是否自动镜像该图片。
android:alpha 该图片的透明度属性
首先创建一个vectorDrawable
先展示一下效果图
</br>
现在看上去还是没一点鸟用哈，也没什么特点，下一篇博客将给你惊喜，这里就不管它了
</br>
注意：这里宽高（width和height的比例及viewportHeight和viewportWidth比例）的比例很重要，这个比例必须和布局文件中宽高比例一直，比如布局文件中的宽是300dp，高是100dp，那么宽高的比例就是3:1,所以在vector中的宽高比例就是3:1
不要怪我啰嗦，因为你如果不对应，导致的直接结果就是显示后的图形是拉伸或是压缩的，然后你可能会想。我改一下就好了，那恭喜你你成功给自己挖了一个大坑，全是计算
<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是啥呀，全是字母加数字，那就具体来解释一下吧
</br>
vectorDrawable支持的指令：
M = moveto(M X,Y) ：将画笔移动到指定的坐标位置
L = lineto(L X,Y) ：画直线到指定的坐标位置
H = horizontal lineto(H X)：画水平线到指定的X坐标位置
V = vertical lineto(V Y)：画垂直线到指定的Y坐标位置
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)：画圆弧。分别对应： x轴半径，y轴半径，x轴偏移量，弧度（0代表取小弧度，1代表取大弧度） ，方向（0取逆时针，1为顺时针），目标X坐标，目标y坐标。（当rx=ry时就是一个圆，但是终点坐标要对哈）
Z = closepath()：关闭路径
注意：这里字母大写和字母小写也是有讲究的，大写代表当前空间的绝对位置，小写代表相对位置，比如M(10,10)指的是移动到当前空间的x=10,y= 10这个位置（绝对位置），m(10,10)则指的是从当前点向右10个单位位置的点，并从当前点向下10个单位位置的点（相对位置）
这里提一下至于数字中间用逗号间隔，还是用空格来隔开都没关系，根据个人喜好
测试大写和小写分别对应的效果，代码如下
<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>
光文字，干燥，来张图片，醒醒脑
是不是一下感觉就懂了大小写的区别了
接下来就来画一些基本的图形（直线就不画了，上面有了），感受下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//定位到当前空间的中心
m-10,0 //从当前点向左移动10个单位
a10,10 0 1,1 20,0//在当前点绘制一个以上面的m点为起点半径为10，终点是（20,0），注意小写是相对位置
a10,10 0 1,1 -20,0"//与上面同理
android:strokeColor="@color/colorPrimary"
android:strokeWidth="1" />
<!--你可能会想为什么要画两个半圆而不是一个整圆，我只能说你可以试试-->
</vector>
再来个难度高点的
代码如下
<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//从当前点向右一条直线，绘制180个单位
q10,0 10,10//这就是贝赛曲线
v180//从当前点向下一条直线，绘制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>
**贝赛曲线绘制很简单的，但是实际用到比较少，我暂时就不做讲解了，下一篇博客的文章末尾我会给出一些学习的链接
h和v方法是太简单，读者一试便知，就不绘制了
**
