现在SVG飞速流行,这篇文章简单学习使用SVG的图片,与大家共同鉴赏

首先要准备两种工具:

第一种:Vector magic这个协助软件

第二个:Android studio版本2.0以上

1.打开Vector magic这个软件,界面如下图

Android svg图片放在什么目录 安卓svg_Android svg图片放在什么目录

2.跟UI或者网上找一个图标,我以我公司的图标为例,然后将图像拖进来,选中基本的模式,因为是做简单的操作,不需要选择高级

Android svg图片放在什么目录 安卓svg_Android svg图片放在什么目录_02

3.根据自己的需求来选择是否需要锯齿边,

Android svg图片放在什么目录 安卓svg_SVG_03

4.在这里是选择背景色,给透明效果是背景色是透明的,压平白色是指背景色是白色的,最后一个是指背景色的黑色的,一般情况下会选择给透明的,根据自己的需要了

Android svg图片放在什么目录 安卓svg_android_04

5.这里选择图片的品质

Android svg图片放在什么目录 安卓svg_android_05

6.这里选择图片的颜色效果,我一般选择两色,因为图标基本都是纯色或者两色的,很好用到多种颜色的,当然如果用到了,你可以选择别的颜色

Android svg图片放在什么目录 安卓svg_背景色_06

7.点击完成,图片已经做好了

Android svg图片放在什么目录 安卓svg_SVG_07

8.保存好SVG图片,你想要做的效果已经完成一大部分了

Android svg图片放在什么目录 安卓svg_SVG_08

这里保存有三种方式,我常用的是第一种和第三种,如图上所示从上到下的三种,第三种最简单,在快速保存的地方选好存放地址,输好文件名,选择SVG格式,点击保存就可以。

9.上述的工作做完后,打开Android Stuido,来进行后续的工作,后续的工作就很简单了

Android svg图片放在什么目录 安卓svg_SVG_09


在res下drawable上右击选择New——>Vector Asset创建一个SVG的文件

10.现在要做的就是设置下SVG文件的常用设置了

Android svg图片放在什么目录 安卓svg_Android svg图片放在什么目录_10


先点击Local file,这里是使用本地的图片,如图中所示,size是指图片中的实际大小,设置后设置Next,一直到Finish

11.下图就是效果了

Android svg图片放在什么目录 安卓svg_背景色_11