如何将SVG转换成VectorDrawable XML格式

作者 : admin 本文共1066个字,预计阅读时间需要3分钟 发布时间: 2021-01-10 共218人阅读

本格式转化一般为安卓开发人员使用,就是把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格式插图2
Android SVG to VectorDrawable

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

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

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

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

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

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

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

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

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

1. 本站所有源码、模板、插件等其他资源,都不包含技术服务请大家谅解!
2. 本站提供的所有资源不免费提供个人需要的资源修改、美化、功能定制!
3. 如遇需要解压密码,则解压密码为"www.360mb.net"!
4. 由于源码属于可复制性产品,发货后禁止买家以各种理由退款!!
5. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
6. 如用于商业或者非法用途,与本站无关,一切后果请用户自负!
7. 本站提供资源如遇源码失效,功能异常等等可提供退款服务,可参考退款规则!

360模板吧 » 如何将SVG转换成VectorDrawable XML格式

发表评论