美文网首页
矢量图 Vector 的用法

矢量图 Vector 的用法

作者: Mr_不靠谱_先森 | 来源:发表于2017-11-07 16:52 被阅读21次

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

    • drawable-(m|h|xh|xxh|xxxh)dpi
    • mipmap-(m|h|xh|xxh|xxxh)dpi
    • android L的发布,带来了VectorDrawable,矢量图的支持

    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

    相关文章

      网友评论

          本文标题:矢量图 Vector 的用法

          本文链接:https://www.haomeiwen.com/subject/akydmxtx.html