其实本人对svg也是很陌生的,前两天看到gjz的LayoutSwitch项目(https://github.com/gjiazhe/LayoutSwitch) ,在这里就不说该项目,说说里面的svg的使用。
先看看里面使用的实例吧:
其实这里的drawable文件path的pathData属性我是看不懂的哈,这里的pathData就是描述图形的轨迹的。这些都是androidStudio自动帮我们生成的,我们要做的就是需要我们图片的svg文件了。如果你不会图片的svg文件也没关系,因为这些不是我们关心的,这些都是美工设计给我们会弄的。
下面我就来讲讲如何生成drawable的,其实本人也不会制作svg文件的,我这里介绍有现成的svg文件(http://www.iconsvg.com) ,这里我就以某一个svg为例了:
事例.png下载完了后,我们再回到androidStudio中来。给张步骤图,相信大家看图直接明白了:
步骤.png在这里要着重强调下这里需要点击res文件目录,而不是drawable文件了,点击了Vector Asset选项后,弹出如下图: 弹出图.png
这里弹出会有一个androidStudio默认的图片生成,这里我们点击Local file选项,然后会让你去选择本地的svg文件了。最后点击finish就会在你的drawable文件下面生成一个xml文件:
结果.png是不是看到这个结果很纳闷呢,其实这些就是svg文件和图片本身的区别了,svg文件就是对一个图片文件的点的描述了。好了,生成部分就说这么多了,下面就说说svg文件使用的好坏。
好处:
- 对项目的apk文件减小很多
- 不用担心手机适配的问题
坏处:
前期整理图片的svg文件比较要时间,不过这些都不是猿(媴)的事情,交给美工设计就可以了。
网友评论