在Android中学会使用SVG图片

来源:互联网 发布:淘宝多少好评一个心 编辑:程序博客网 时间:2024/05/01 08:47

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

首先要准备两种工具:

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

第二个:Android studio版本2.0以上

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

这里写图片描述

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

这里写图片描述

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

这里写图片描述

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

这里写图片描述

5.这里选择图片的品质

这里写图片描述

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

这里写图片描述

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

这里写图片描述

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

这里写图片描述

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

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

这里写图片描述
在res下drawable上右击选择New——>Vector Asset创建一个SVG的文件

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

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

11.下图就是效果了

这里写图片描述

0 0