Android上使用Vector 矢量图片

朴灿烈づ我的快乐病毒、 2022-06-03 00:38 175阅读 0赞

Vector Drawable相对于普通的Drawable来说，有以下几个好处：

*  Vector图像可以自动进行适配，不需要通过分辨率来设置不同的图片
 *  Vector图像可以大幅减少图像的体积，同样一张图，用Vector来实现，可能只有PNG的几十分之一
 *  使用简单，很多设计工具，都可以直接导出SVG图像，从而转换成Vector图像
 *  功能强大，不用写很多代码就可以实现非常复杂的动画
 *  成熟、稳定，前端已经非常广泛的进行使用了

Vector图像刚发布的时候，是只支持Android 5.0+的，对于Android pre-L的系统来说，并不能使用，所以，可以说那时候的Vector并没有什么卵用。不过自从AppCompat 23.2之后，Google对p-View的Android系统也进行了兼容，也就是说，Vector可以使用于Android 2.1以上的所有系统，只需要引用com.android.support:appcompat-v7:23.2.0以上的版本就可以了，这时候，Vector应该算是迎来了它的春天。

## 获取Vector图像 ##

1.阿里巴巴矢量图标库: [http://www.iconfont.cn/][http_www.iconfont.cn]

2.如图,下载svg资源  
![51081656.jpg][]

3.使用android studio 右键,创建

![12762614.jpg][]

4.添加生成vector  
\- 本地SVG,PSD文件  
\- Name:名称  
\- Path:本地文件路径  
\- Size:可以自行调节大小  
\- Opacity:不透明性

![23228562.jpg][]

添加进来之后,类似于下面的代码

*  android:viewportHeight和android:viewportWidth属性，这个是画布宽高

5.在布局中使用

**注意:使用前需要在app build.gradle中添加android下面的defaultConfig下面添加vectorDrawables.useSupportLibrary = true**

android {
        defaultConfig {
            vectorDrawables.useSupportLibrary = true
        }
    }

直接在ImageView的background中引入该资源即可.  
比如下面的代码:

[http_www.iconfont.cn]: http://www.iconfont.cn/
[51081656.jpg]: http://olg7c0d2n.bkt.clouddn.com/17-12-12/51081656.jpg
[12762614.jpg]: http://olg7c0d2n.bkt.clouddn.com/17-12-12/12762614.jpg
[23228562.jpg]: http://olg7c0d2n.bkt.clouddn.com/17-12-12/23228562.jpg