Ionic系列——修改应用图标和启动页

https://my.oschina.net/u/1416844/blog/491165

1、在项目的根目录下创建resources文件夹。


2、在文件夹中都放入icon.png(应用图标,最小192x192px,不带圆角),splash.png(启动屏幕,最小2208x2208px,中间区域1200x1200px)(可以是png、psd、ai)


3、在cmd中进入项目所在文件夹执行:


ionic resources --icon       
ionic resources --splash
4、项目中的config文件中是这样


<platform name="android">
  <icon src="resources\android\icon\drawable-ldpi-icon.png" density="ldpi"/>
  <icon src="resources\android\icon\drawable-mdpi-icon.png" density="mdpi"/>
  <icon src="resources\android\icon\drawable-hdpi-icon.png" density="hdpi"/>
  <icon src="resources\android\icon\drawable-xhdpi-icon.png" density="xhdpi"/>
  <icon src="resources\android\icon\drawable-xxhdpi-icon.png" density="xxhdpi"/>
  <splash src="resources\android\splash\drawable-land-ldpi-screen.png" density="land-ldpi"/>
  <splash src="resources\android\splash\drawable-land-mdpi-screen.png" density="land-mdpi"/>
  <splash src="resources\android\splash\drawable-port-ldpi-screen.png" density="port-ldpi"/>
  <splash src="resources\android\splash\drawable-port-mdpi-screen.png" density="port-mdpi"/>
  <splash src="resources\android\splash\drawable-port-hdpi-screen.png" density="port-hdpi"/>
</platform>
<icon src="resources\android\icon\drawable-xhdpi-icon.png"/>
5、因为在运行的时候要上传图片,所以需要联网





以上方法已经可以使用Ionic命令行工具来自动生成了,步骤如下:
    1.在项目的根目录下创建resources文件夹。
    2.在文件夹中都放入icon.png(应用图标,最小192x192px,不带圆角),splash.png(启动屏幕,最小2208x2208px,中间区域1200x1200px)(可以是png、psd、ai)
    3.在cmd中进入项目所在文件夹执行:
[html] view plain copy print?
ionic resources  
    执行该命令后,会自动在resources文件夹下创建已添加的平台名称的文件夹,如:android,其中会自动将图片进行缩放、裁剪,生成不同分辨率的图片,并在config.xml中添加相应内容。
    也可分开执行:
[html] view plain copy print?
ionic resources --icon       
ionic resources --splash  
      注意:执行以上命令时需在线!

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值