Android SVG使用进阶

郭霖 · 公众号 · android · 2017-06-22 08:00

正文

请到「今天看啥」查看全文

Android也在5.0中新增了对使用svg矢量图支持，现在网上也有大把关于svg的文章但是使用时还是有遇到了许多坑，所以在这里我就总结了下我在使用svg过程中遇到的各种坑，希望对大家有所帮助。

VectorDrawable

要想在 Android 使用 svg，首先要介绍的肯定是 VectorDrawable，VectorDrawable 是Android 5.0系统中引入了 VectorDrawable 来支持矢量图(SVG)，同时还引入了 AnimatedVectorDrawable 来支持矢量图动画。官方文档：

VectorDrawable

https://developer.android.google.cn/reference/android/graphics/drawable/VectorDrawable.html

AnimatedVectorDrawable

https://developer.android.google.cn/reference/android/graphics/drawable/AnimatedVectorDrawable.html

VectorDrawable转换Bitmap

5.0以上版本使用

Android studio 在 2.0 的版本中可以直接使用 svg，新建一个 SVGDemo项目，新建 Vector Asset 文件： File -> New -> Vector Asset

导入SVG

可以选择Google提供的 Material Icon 进行导入也可以选择 Local File 选择本地svg文件进行导入，一般选择后者。对文件命名后点击 Next ->Finish 在 drawable目录下就添加了一个.xml的文件

点击可以进行预览，一看是不是很像 selector、animation-list 只是标签为 vector 标签 width、height 为对应的宽高，可以进行设置，viewportWidth、viewportHeight 这个我也不太了解大概就是视图的宽高吧，好像作用不大，没有设置过。path 为 html 中的一个标签用来定义路径，我们只关心 path 标签中的 android:fillColor=”#FBDC00” 的属性，用来改变颜色。