关闭

【基础学习】Android vector xml 将SVG转换成VectorDrawable 资源

1459人阅读 评论(0) 收藏 举报
分类:

为啥要使用?

安卓开发过程中,经常使用到png格式的图片资源,这种图片需要有不同分辨率来做屏幕适配,当图片数量很大时,被打包的图片资源占据了app的绝大部分容量,使用Vector来创建图片,将大大减少png图片的使用,提高开发性能。不多说,方始学习吧!


首先给介绍一个网站:阿里巴巴矢量图标,有了它,麻麻再也不担心没有图标了。如下图: 


二,找到自己要的图标,选择SVG按钮下载: 


  • 点击云盘下载吧:下载,解压后如下图,一个静态的网页: 

  • 在浏览器中打开index.html,效果如下: 

  • 点击蓝色框框住的按钮,然后选择刚刚下载的.svg文件,即可得到如下的转换: 

    红色框的那个单选按钮一定要选上,否则xml在android中将无效。

  • 然后点击download按钮保存该文件,就得到一个android能使用的VectorDrawable了 

  • <?xml version="1.0" encoding="utf-8"?>
    <vector xmlns:android="http://schemas.android.com/apk/res/android"
        android:width="1024dp"
        android:height="1024dp"
        android:viewportWidth="1024"
        android:viewportHeight="1024">
    
        <path
            android:fillColor="#56abe4"
            android:pathData="M512.333,273.328 C518.237,273.328,523.891,275.703,528.023,279.919
    L952.764,713.295 C961.257,721.961,961.117,735.871,952.45,744.365
    C943.784,752.856,929.874,752.719,921.379,744.052 L512.333,326.687
    L103.286,744.052 C94.7981,752.718,80.8842,752.86,72.2157,744.365
    C63.5493,735.871,63.4102,721.961,71.9046,713.294 L496.641,279.919
    C500.774,275.703,506.427,273.328,512.333,273.328 Z" />
    </vector>
    • 使用方式及效果图如下: 

    • 调整大小。 
      默认的图片是1024*1024的,我们可以调整xml中的width和height去改变图片的大小,再也不用为了调个大小,还得去跪舔一遍UI妹子。 

    到这里,End!!!


0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:270162次
    • 积分:3938
    • 等级:
    • 排名:第8309名
    • 原创:100篇
    • 转载:112篇
    • 译文:9篇
    • 评论:51条
    文章分类
    最新评论