如何将SVG转换成VectorDrawable XML格式

如何将SVG转换成VectorDrawable XML格式

本格式转化一般为安卓开发人员使用,就是把SVG格式的矢量图转化为安卓使用的XML格式,因为使用SVG格式的时候并没有XML格式好编辑,其中最大的优点就是XML格式可直接在安卓开发工具中调节XML文件的颜色、宽度和高度;在开始讲解之前我们先来看看如下几个问题:

注:SVG为矢量图文件可无限缩放,转换为XML格式和也是无限缩放,且文件极小是PNG等格式完全无法想象的!

问:如何将SVG转换成VectorDrawable XML资源?

问:如何将SVG转换成Android XML资源?

教程开始:

1.在教程开始前我们先介绍一个牛批的网站:阿里巴巴矢量图标库,有了它我们再也不用担心设计不出好看的图标了。

2.我们选择一个图标并下载SVG格式到本地备用。

如何将SVG转换成VectorDrawable XML格式插图
阿里ico

3.这里下载的SVG格式,可用浏览器打开查看。但此时在安卓开发工具中并不能使用,所以需要把SVG格式转为安卓使用的XML格式。

4.需要把SVG格式转为安卓使用的XML格式要用到一个工具(Android SVG to VectorDrawable

5.打开上述360模板吧提供工具网页,点击方框,上传刚才下载的SVG文件

如何将SVG转换成VectorDrawable XML格式插图
Android SVG to VectorDrawable

6.选择下图选项(已注明必选)

如何将SVG转换成VectorDrawable XML格式插图
G文件转安卓使用的XML格式工具

7.选择后,下载本地,即可在安卓开发工具中使用,默认文件宽、高为1024,代码如下:

  android:width="1024dp"
  android:height="1024dp"

注:如下代码勿动,否则可能不显示

    android:viewportWidth="1024"
    android:viewportHeight="1024">

8.演示代码就不多说了吧,一看就懂,不懂自行百度

如何将SVG转换成VectorDrawable XML格式插图
安卓XML

总结:XML用起来真香,从此再也不用为了调个图片大小或者颜色,还得去跪舔一遍UI妹子了。 

© 版权声明
THE END
喜欢就支持一下吧
点赞12 分享