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

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

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

一、矢量图下载网站

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

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

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

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

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

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

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

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

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

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

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

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

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


相关文章
|
1月前
|
JSON 小程序 JavaScript
uni-app开发微信小程序的报错[渲染层错误]排查及解决
uni-app开发微信小程序的报错[渲染层错误]排查及解决
477 7
|
1月前
|
小程序 JavaScript 前端开发
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
529 1
|
1月前
|
XML 前端开发 Java
讲解SSM的xml文件
本文详细介绍了SSM框架中的xml配置文件,包括springMVC.xml和applicationContext.xml,涉及组件扫描、数据源配置、事务管理、MyBatis集成以及Spring MVC的视图解析器配置。
57 1
|
9天前
|
Java Maven
maven项目的pom.xml文件常用标签使用介绍
第四届人文,智慧教育与服务管理国际学术会议(HWESM 2025) 2025 4th International Conference on Humanities, Wisdom Education and Service Management
58 8
|
17天前
|
小程序 数据挖掘 UED
开发1个上门家政小程序APP系统,都有哪些功能?
在快节奏的现代生活中,家政服务已成为许多家庭的必需品。针对传统家政服务存在的问题,如服务质量不稳定、价格不透明等,我们历时两年开发了一套全新的上门家政系统。该系统通过完善信用体系、提供奖励机制、优化复购体验、多渠道推广和多样化盈利模式,解决了私单、复购、推广和盈利四大痛点,全面提升了服务质量和用户体验,旨在成为家政行业的领导者。
|
1月前
|
JavaScript 前端开发 小程序
uniapp一个人开发APP关键步骤和考虑因素
uniapp一个人开发APP关键步骤和考虑因素
122 1
uniapp一个人开发APP关键步骤和考虑因素
|
1月前
|
JavaScript 前端开发 UED
Vue与uni-app开发中通过@font-face巧妙引入自定义字体
Vue与uni-app开发中通过@font-face巧妙引入自定义字体
71 9
|
1月前
|
缓存 小程序 索引
uni-app开发微信小程序时vant组件van-tabs的使用陷阱及解决方案
uni-app开发微信小程序时vant组件van-tabs的使用陷阱及解决方案
189 1
|
14天前
|
机器人
布谷直播App系统源码开发之后台管理功能详解
直播系统开发搭建管理后台功能详解!
|
1月前
|
小程序 JavaScript API
微信小程序开发之:保存图片到手机,使用uni-app 开发小程序;还有微信原生保存图片到手机
这篇文章介绍了如何在uni-app和微信小程序中实现将图片保存到用户手机相册的功能。
535 0
微信小程序开发之:保存图片到手机,使用uni-app 开发小程序;还有微信原生保存图片到手机