关于Android VectorDrawable xml 转为SVG并修改

前言

一般遇到客户要求修改xml 文件VectorDrawable 资源, 需要客户提供图标, 当客户无法提供图标时,就可以参考此篇文章对原图标进行修改

将xml 转为SVG图片

首先需要有一个svg图片作为参考, 国内svg下载网址可以去阿里巴巴图标库下载https://www.iconfont.cn/

打开下载后的svg格式如下

而VectorDrawable xml 格式如下

1. 将我们参考的svg图片复制一份, 重命名为我们要转化的xml文件名字

2. width/height 同步, viewBox 后两个参数同步android:viewportWidth/viewportHeight 如上需要修改成

   width=“12” height=“15” viewBox=“0 0 12 15”

3. 将 android:pathData 信息复制到 path -> d, android:fillColor 修改至 fill, 多个path 也是如此, 注意修改fill

效果如下

用浏览器打开, 推荐用Microsoft Edge, 图标尺寸过小