Android Studio进行APP设计开发之矢量图及XML文件转换

Android Studio进行APP设计开发之矢量图及XML文件转换

当我们使用Android studio进行APP设计开发时,会用到矢量图,那么要将矢量图运用到安卓工程drawable中去,就需要转换成XML文件才能使用。

一、矢量图下载网站

阿里巴巴矢量图标库:点击打开官网链接

二、点击打开官网之后,可以搜索选择自己需要的矢量图,然后点击下载(见黄色框中的内容)注意:需要登陆账号,博主登陆的是github。

Android Studio进行APP设计开发之矢量图及XML文件转换
Android Studio进行APP设计开发之矢量图及XML文件转换

三、然后选择矢量图中的SVG格式下载矢量图文件。

Android Studio进行APP设计开发之矢量图及XML文件转换

四、下载完成之后记住自己下载的路径,后面还会用到,然后保存下载下面链接的转换工具压缩包。

矢量图SVG资源转换成XML:点击打开百度云资源,提取码是:s8ws

五、解压之后,会得到下面的文件,然后点击打开index.html文件到浏览器。

Android Studio进行APP设计开发之矢量图及XML文件转换

六、打开页面之后,点击红色箭头指向的内容。

Android Studio进行APP设计开发之矢量图及XML文件转换

七、点击之后选择需要转换的矢量图SVG格式文件,然后点击“打开”。

Android Studio进行APP设计开发之矢量图及XML文件转换

八、页面自动转换之后,勾选红色箭头1指向的内容,然后点击“Download”。

Android Studio进行APP设计开发之矢量图及XML文件转换

九、选择合适的路径保存自己转换的矢量图的XML文件。

Android Studio进行APP设计开发之矢量图及XML文件转换

十、复制转换好的矢量图XML文件,打开Android studio将XML文件复制到你所要开发的APP的工程文件中的res文件中的drawable文件夹中去。

Android Studio进行APP设计开发之矢量图及XML文件转换
Android Studio进行APP设计开发之矢量图及XML文件转换
Android Studio进行APP设计开发之矢量图及XML文件转换

十一、成功复制导入工程。

Android Studio进行APP设计开发之矢量图及XML文件转换

十二、可以选择性的将该XML文件的weight(宽度)和height(高度)进行修改,博主将原来的1024dp修改成24dp。

Android Studio进行APP设计开发之矢量图及XML文件转换