Android 知识Android TipsAndroid

android开发之svg全面总结

2017-09-21  本文已影响1273人  钟离四郎

VectorDrawable

Vector Drawable是Google从Android 5.0开始引入的一个新的Drawable子类,能够加载矢量图(低版本中需要做兼容,如何兼容低版本下文提及),android中vector Drawable通过配置xml再设置到要使用的控件上,不必进行多屏幕分别率适配,只需要创建一份,不需要通过分辨率来设置不同的图片,可以大幅减少图像的体积,vector Drawable有些类似svg文件,但是Android中的Vector并不是支持全部的SVG语法


属性说明

兼容处理

Vector Drawable是Android 5.0才提出的,所以对于低于5.0版本是需要做兼容处理的,低版本做vector drawables兼容实际上是在运行时将根据屏幕密度vector drawables转化成bitmap
兼容设置:
打开app module的build.Gradle,在defaultConfig 添加:
gradle 版本低于 2.0

image.png

gradle 版本高于 2.0

image.png

添加appcompat的支持

image.png

实战1:在控件中使用

ImageView通过设置src

image.png

通过Java代码设置src

image.png image.png

使用vectordrawable设置background (包括TextView的CompoundDrawable)
不管是使用xml还是Java,都要求View是AppCompatView,而且vectorDrawable不能直接使用, 必须依附于StateListDrawable,InsetDrawable,LayerDrawable,LevelListDrawable,RotateDrawable这里选择selector再包一层使用,另外不能忘记在Activity设置 AppCompatDelegate.setCompatVectorFromResourcesEnabled(true);(如上图)

image.png image.png image.png image.png image.png image.png

动态的SVG

svg动画库
https://github.com/geftimov/android-pathview

svg获取

通过iconfont网站
http://www.iconfont.cn/

image.png

使用系统的Material Icons.

image.png image.png image.png

svg神兵利器

image.png

源码

https://github.com/ZhongXiaoHong/SvgPractice

参考:

https://www.androidhive.info/2017/02/android-working-svg-vector-drawables/
http://www.jianshu.com/p/e3614e7abc03
http://www.jianshu.com/p/0555b8c1d26a

上一篇下一篇

猜你喜欢

热点阅读