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

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

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

一、矢量图下载网站

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

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

dfe8a026ffb90c50a3c9e92e5ee62de1.png

df16586900addd55b6ffd07d14e274be.png

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

676cef51235bd68a4730ea22ed8e76e2.png

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

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

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

13a5d7877e8d9c419cf3c6a633a1a300.png

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

b1ba5ca0740ac345544f710b3cac7e06.png

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

7a748c8394ba19f367819a4f5d65ce99.png

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

e47a99e953c4fef26a90df75045b61e4.png

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

c3d3ddbf409ab93dc8357508c8057341.png

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

7032ac2c4d60ee235a57eb19638280c4.png

0c4dbbf3f8105269f9e12e7736034685.png

59f2613f761bd85fd18579962b434fbb.png

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

49278aff7b8211755c8cfb34942cb067.png

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

ecb2b7b214e5026c668c15a9278998f8.png

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值