android开发笔记之xml矢量图片

最新推荐文章于 2024-08-19 10:04:17 发布

hfreeman2008

最新推荐文章于 2024-08-19 10:04:17 发布

阅读量8.8k

点赞数 7

分类专栏： android开发笔记文章标签： android xml矢量图片

本文链接：https://blog.csdn.net/hfreeman2008/article/details/94866564

版权

android开发笔记专栏收录该内容

116 篇文章 4 订阅

订阅专栏

xml矢量图片

缩放矢量图形（英语：Scalable Vector Graphics，SVG）是一种基于可扩展标记语言（XML），用于描述二维矢量图形的图形格式。
.svg格式相对于.jpg、.png甚至.webp具有较多优势：
图像与分辨率无关，不会变形，适配安卓的各种分辨率；
省空间。体积小，一般复杂图像也能在数KB搞定，图标更不在话下

xml矢量图片的生成

方式一：通过android studio 将svg格式的图片转换成 xml格式的矢量图片：

(1) 通过阿里的iconfont网址，下载对应的在线矢量图:
https://www.iconfont.cn/home/index?spm=a313x.7781069.1998910419.2

我们可以通过这个网站，查询下载各种svg的图片，关键是还可以根据自己的需要来调节各种颜色：

在这里插入图片描述

在这里插入图片描述
(2)通过android studio，将svg图片转换为xml矢量图片。

将项目选择为Project Files, 鼠标选中drawable文件夹–右键–New–Vector Asset：
在这里插入图片描述
打开Configure Vector Asset,选择Local file（AVG,PSD），从这我们也可以看出PSD格式的图片也是可以直接转换为xml矢量图片的：

然后，我们就可以看到转换后的xml格式的矢量图片：

方式二：通过android studio，直接选择xml矢量图片
将项目选择为Project Files, 鼠标选中drawable文件夹–右键–New–Vector Asset：
在这里插入图片描述
选择Clip Art，再点击Clip Art后面显示的图标(上图为机器人小图标)：

选择我们需要的矢量图片，然后就可以自动生成我们需要的xml矢量图片。

方式三：svg2VectorDrawable生成xml矢量图片
在Android Studio中， File -> Setting -> Plugins -> Browser repositories -> 搜“svg2VectorDrawable” -> 安装并重启Android Studio，再次进来后顶部工具栏会多一个图标：
在这里插入图片描述
然后点击SVG:

就可以直接在对应位置生成xml矢量图片。

xml矢量图片的预览

那我们如何预览我们的xml矢量图片呢？有二种方式：

方式一：Android Studio预览功能
将xml矢量图片复制到对应项目的drawable文件夹中，然后直接可以打开预览：
在这里插入图片描述
方式二：SVG2Vector编辑预览工具
这是1款Java Applet可视化小程序，支持快速处理svg或svgz格式图片生成vector的转换，并且支持编辑和预览生成的vector资源文件图片。
首先，源码地址：https://github.com/MegatronKing/SVG-Android/tree/master/svg-vector-applet
其次，下载地址：http://download.csdn.net/detail/megatronkings/9732869
使用步骤：
下载后为svg2vector-applet-1.0.0.jar，直接启动：