Vector的使用

突然对Android的Vector来了兴趣，细细查阅资料，发现挺好玩的。先指明几个问题

vector中的width是整体宽度，height是整体高度，viewportHeight是竖直单位（这里分了100份），下面的pathData的数字也是根据这个单位进行定位的，viewportWidth也是一样，pathData指令大写字母是指的绝对定位，小写字母是指的相对于当前坐标的相对定位。逆时针的时候也会对当前颜色取反哦，试试就知道了。

补充一下这几个常用指令

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)：弧线
Z = closepath()：关闭路径

针对先试写几个案例，再补充

<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="50dp"
    android:height="50dp"
    android:viewportHeight="100"
    android:viewportWidth="100">
    <path
        android:fillColor="@color/colorAccent"
        android:pathData="M15,10 L85,10 Q90,10 90,15 L90,85 Q90,90 85,90 L15,90 Q10,90 10,85 L10,15 Q10,10 15,10 M30,30 L30,60 L60,60 L60 30" />
</vector>

3.png

随便画的，可以自行尝试其他的好看的效果

<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="50dp"
    android:height="50dp"
    android:viewportHeight="100"
    android:viewportWidth="100">
    <path
        android:fillColor="@color/colorAccent"
        android:pathData="M20,50 A25,25 0 1,1 50 50 A25,25 0 0,1 20 50" />
</vector>

![OBBN@DNUBMF94]K%~X%72.png](http://upload-images.jianshu.io/upload_images/648488-4f63d3c7ff313803.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

这个是我用的A命令实现的一个圆形，先看看这几个参数的意义

a rx,ry x-axis-rotation large-arc-flag,sweepflag dx,dy
rx ry 椭圆半径
x-axis-rotation x轴旋转角度
large-arc-flag 为0时表示取小弧度，1时取大弧度（要长的还是短的）
sweep-flag 0取逆时针方向，1取顺时针方向
x,y (dx,dy) 终点的位置

这里我使用了一个技巧就是先选了一个大弧度，再折回来画了一个小弧度，就合成了一个完整的弧形了。自己拿着这些个指令敲一下试试，还会有意想不到的惊喜。另外还可以支持动态的vector，动画效果很流畅，尝试之后再补充。