【Android 进阶】SVG 的使用以及绘制动画

前言:

SVG 格式图片很多优点,但是 android 程序员关心的优点无非如下:

SVG 较 G I F、JPEG 的优势
  首先简要解释一下矢量图像格式和位图图像格式的区别。矢量图像用点和线来描述物体,所以文件会比较小,同时也能提供高清晰的画面,适合于直接打印或输出。而位图图像的存储单位是图像上每一点的像素值,因此一般的图像文件都很大,会占用大量的网络带宽。SVG 是一种矢量图形格式,GIF、JPEG 是位图图像格式。有了两者的概念后,SVG 较 GIF、JPEG 的优势显而易见。
  1.任意放缩。
  用户可以任意缩放图像显示,而不会破坏图像的清晰度、细节等。
  2.文本独立。
  SVG 图像中的文字独立于图像,文字保留可编辑和可搜寻的状态。也不会再有字体的限制,用户系统即使没有安装某一字体,也会看到和他们制作时完全相同的画面。
  3.较小文件。
  总体来讲,SVG 文件比那些 GIF 和 JPEG 格式的文件要小很多,因而下载也很快。
  4.超强显示效果
  SVG 图像在屏幕上总是边缘清晰,它的清晰度适合任何屏幕分辨力和打印分辨力。
  5.超级颜色控制。
  SVG 图像提供一个 1 600 万种颜色的调色板,支持 ICC 颜色描述文件标准、RGB、线性填充、渐变和蒙版。
  6.交互性和智能化。

如何使用

这里安利一个图标网站:阿里巴巴矢量图标库
搜索找到需要的图片,选择 svg 下载
【Android 进阶】SVG 的使用以及绘制动画_第1张图片

下载好的文件是这样的:

【Android 进阶】SVG 的使用以及绘制动画_第2张图片

把这个文件导入 AS 中,即可使用

【Android 进阶】SVG 的使用以及绘制动画_第3张图片

【Android 进阶】SVG 的使用以及绘制动画_第4张图片

注意导入后的 SVG 文件,和导入前是不一样的。

【Android 进阶】SVG 的使用以及绘制动画_第5张图片

SVG绘制动画

demo 演示:

【Android 进阶】SVG 的使用以及绘制动画_第6张图片

【Android 进阶】SVG 的使用以及绘制动画_第7张图片

使用的第三方库

 //svg函数库
    compile 'com.jrummyapps:animated-svg-view:1.0.1'
    compile 'com.android.support:animated-vector-drawable:${latest_version}'

详情看 demo 源码:

demo

你可能感兴趣的:(Android,之旅)