矢量图 Vector 的用法

2017-11-07  本文已影响21人  Mr_不靠谱_先森

谷歌在app中图标的适配上做出一步又一步的改进,大体有这么几个阶段:

drawable 一般需要美工每个icon 切出几套不同分辨率的图,用来做适配
mipmap 和drawable 没有区别 在缩放上提供了更好的性能和更少的内存占用
vector 基于xml的图像 图片不提供具体得像素只提供绘图的命令 占用内存小 性能高 可任意缩放不失真 没有位图的表达色彩丰富

矢量图下载

阿里巴巴UX矢量库
找到你需要的图标,并下载svg

矢量图加载

image.png
image.png image.png

矢量图使用

gradle版本兼容

//在gradle2.0及以上:
android {
  defaultConfig {
  vectorDrawables.useSupportLibrary = true
}}
//在gradle 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"
  }
}

参考文档:http://blog.csdn.net/tiankongcheng6/article/details/60966281

上一篇下一篇

猜你喜欢

热点阅读