Android SVG、Vector和VectorDrawable矢量图及动画

Vector图像，第三方Sharp库，阿里巴巴的SVG图。
阿里巴巴矢量图库(http://www.iconfont.cn/)
Android矢量图(一)--VectorDrawable基础- https://www.jianshu.com/p/0972a0d290e9
android下一些绘制、动画、矢量图学习- https://github.com/gjnm/AndroidDraw
VectorDemo- https://github.com/xuyisheng/VectorDemo
android中利用矢量图VectorDrawable打造酷炫动画- https://blog.csdn.net/gjnm820/article/details/78590313
W3C SVG- http://www.w3.org/TR/SVG/paths.html
Android Vector曲折的兼容之路- https://blog.csdn.net/eclipsexys/article/details/51838119
android vector矢量图- https://blog.csdn.net/qq_30889373/article/details/74283367

-- SVG和Vector的区别：
SVG，即Scalable Vector Graphics 矢量图，这种图像格式在前端中已经使用的非常广泛了。
Vector，在Android中指的是Vector Drawable，也就是Android中的矢量图，
SVG：通常在前端中使用，是一套语法规范，GPU根据该规范绘制图片。SVG中会有很多标签用于绘制图片，如：rest、circle、polyline、line、path等。

Vector:通常在Android中使用，只实现了SVG语法中的path标签，可以视为简单化的矢量图。

SVG在加载过程中，效率比较低，而android的Vector只采用了SVG的path标签，如此设计就是为了提高SVG加载的效率
同样一张图片，PNG格式的5.6K，而SVG的2.6K，经过压缩后的Vector格式的图片只有1.5K，这是实用Vector图片的第二个好处，除了支持随意放大缩小之外，还极大减小占用体积。
利用Android Studio的Vector Asset，可以非常方便的创建Vector图像，甚至可以直接通过本地的SVG图像来生成Vector图像。
Vector中利用不同字母来代表不同含义，实现图片的绘制，下面我们简单看一下这三个指令：

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()：关闭路径

简单图形手写pathData还行，可是比较复杂的图形怎么办呢，当然有绘制工具了，这里介绍一个SVG Editor：http://editor.method.ac/，我们可以在这行面绘制复杂的数量图形，然后导出SVG格式的图像，而android中无法直接使用SVG格式的图，所以我们可以通过http://inloop.github.io/svg2android/来进行SVG到Vector的转化，是不是很方便呢。。
VectorDrawable是在android L中提出来的，也就是说VectorDrawable只兼容minSDK>=21的版本，这个限制是非常大的，我们知道，目前市面上的Android版本比较混乱，各种版本的android手机都存在，这就导致VectorDrawable系统兼容性非常差。
   VectorDrawable可以为我们的应用带来很多好处，Google也非常重视VectorDrawable的发展，后来在Gradle Plugin1.5中，Google为VectorDrawable做了兼容，主要实现是这样的：

当手机设备系统版本>=21 —> 实用Vector；
当手机设备系统版本<21 —>将Vector转化为PNG格式显示，而这一步转化是在编译时自动完成的；
而VectorDrawable真正的春天要等到AppCompat23.2的到来，Google在AppCompat23.2中增加了VectorDrawable全版本兼容，它使得静态的VectorDrawable可以支持到android2.1+，而动态的VectorDrawable可以支持到android3.0+的设备，这两个版本几乎已经包含了市面上90%＋的android手机设备。
<ImageView
android:layout_width="100dp"
android:layout_height="100dp"
app:srcCompat="@drawable/ic_face_black_24dp”/>

1，SVG何以可以任意缩放而不会失真，drawable-(m|h|xh|xxh|xxxh)dpi和mipmap-(m|h|xh|xxh|xxxh)dpi这俩货就可以省省了；2，SVG文件一般都比较小，省去很去资源达到apk缩包的目的；3，SVG占用内存非常小，性能高。但是SVG明显的缺点是没有位图表达的色彩丰富。

增加对Vector兼容性的支持，使用Gradle Plugin 2.0以上：
android {
defaultConfig {
vectorDrawables.useSupportLibrary = true
}
}
增加对Vector兼容性的支持，使用Gradle Plugin 2.0以下，Gradle Plugin 1.5以上：
android {
defaultConfig {
// Stops the Gradle plugin’s automatic rasterization of vectors
generatedDensities = []
}
// Flag to tell aapt to keep the attribute ids around
aaptOptions {
additionalParameters "--no-version-vectors"
}
}

Android SVG、Vector和VectorDrawable矢量图及动画

猜你喜欢