您的位置:首页 > 移动开发 > Android开发

将.ai文件矢量图转化为.xml文件并在Android项目中使用

2018-03-14 23:53 381 查看

写在前面的话

笔者最近在做一个安卓的小项目,在开发的过程中,发现经常需要使用图标类的矢量图。下面我将详细叙述如何将从网络上下载的ai文件内的图标转化为xml文件并在Android项目中使用该图标。

使用软件:Adobe Illustrator,Android Studio

具体步骤

使用Adobe Illustrator到处SVG文件

使用Adobe Illustrator软件打开从网络上下载的ai文件。



使用如下图所示红框选中的工具(套索)对自己想要导出的图标进行选择:



使用套索选择图标:



在选择的图标点击右键,选择导出所选项目…。注意选择导出格式SVG,还有注意选择导出路径。具体如下图所示,完成之后点击导出资源即可。



使用Android Studio生成xml文件并添加在项目中

使用Android Studio打开Android项目,并注意将当前目录状态调成Android,并且选中res目录,如下图所示:



在res目录上点击右键,选择new–>vector asset,出现如下界面:



选择Local file(SVG,PSD)选项,并在path中选择刚刚使用Adobe Illustrator导出的svg矢量图文件:



因为Name中不能有中文,因此我将文件名改为ic_link。点击Next.

界面显示生成的xml矢量图文件将出现的目录位置,点击Finish即可:



在项目中的res/drawable目录下就可以看到ic_link.xml文件啦,大功告成!:)

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: