创建.xml的矢量图片;使用Android studio 和 SVG图 生成.xml矢量图标

Android开发中,为什么要使用矢量图标?使用矢量图标有什么好处?

如果使用.png;.jpg。。。这样的图片,一般在资源文件中,都需要准备不同分辨率的图。

这样既让apk臃肿,也增加了工作量。

于是,矢量图标出现了。只需一张图,矢量图标会自适应各种分辨率,而且节约了空间,还减小了工作量。这就是你选择它的原因。

如何来获取你想要的矢量图标呢?

一、Android studio自带了一部分矢量图标。

鼠标右击drawable文件夹 -->new -->Vector Asset

然后选择Asset Type下的 Clip Art,点击 Clip Art右侧的图标,就可以看到很多图标了。

创建.xml的矢量图片;使用Android studio 和 SVG图 生成.xml矢量图标_第1张图片创建.xml的矢量图片;使用Android studio 和 SVG图 生成.xml矢量图标_第2张图片

二、使用SVG图生成xml图片

Android studio自带的图标虽然不错,但是毕竟数量种类有限。

我们可以去阿里的矢量图标库获取海量的图标。

地址:http://www.iconfont.cn/home/index

找到你想要的图片,点击下载,选择SVG下载到本地。

创建.xml的矢量图片;使用Android studio 和 SVG图 生成.xml矢量图标_第3张图片

 

然后在Android studio中的Vector Asset中选择,

创建.xml的矢量图片;使用Android studio 和 SVG图 生成.xml矢量图标_第4张图片

Local file找到我们刚才下载的SVG图片,修改合法的图片Name后就可以生成你想要的xml矢量图标了。

创建.xml的矢量图片;使用Android studio 和 SVG图 生成.xml矢量图标_第5张图片

 

创建.xml的矢量图片;使用Android studio 和 SVG图 生成.xml矢量图标_第6张图片

 

喜欢就点个赞吧,O(∩_∩)O哈哈~

你可能感兴趣的:(android,Android,矢量图标,SVG,xml)