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的使用_第1张图片
3.png

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


    

![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,动画效果很流畅,尝试之后再补充。

你可能感兴趣的:(Vector的使用)