ionic实战-更改app图标(Icons)和启动画面(Splash screens)

背景

• app默认的icon和splash是cordova的图标(机器人图标)
• 在app根目录resources文件夹下存在的icon和splash是ionic的图标

• 我们要使用自己的icon和splash

  
  
  

先用ionic提供的icon和splash代替cordova的机器人

• 既然项目根目录resources文件夹已经有了ionic提供的icon和splash,为什么打包的.apk还是cordova的机器人
• 原因一:没有执行命令ionic resources,执行后会在config.xml文件中生成对icon和splash对引用,如下图
• 原因二:cordova版本6.4.0有bug,把生成的资源文件放错位置了,详情看这里
  
  

使用我们自己制作的icon和splash

方式一

• 项目根目录resources文件夹已经有了ionic提供的icon和splash,让美工做一套大小和数量一样的替换它就行
• 没有执行过ionic cordova resources命令的,就执行一下

方式二

• 在resources文件夹下放一张大小为1024*1024名字为icon的图标文件、一张大小为2208*2208(ionic3.x大小为2732*2732)名字为splash的启动画面文件,格式可以为png、psd或ai,然后执行ionic cordova resources,则会把这两张图上传到ionic服务器,然后生成不同尺寸的icon和splash.如下图.
  
  

最后

• 最新ionic cli生成resources需要注册ionic帐号并登录
• 分别生成android和ios

ionic cordova resources android
ionic cordova resources ios

• 很多时候执行ionic cordova resources失败,都是网络问题,建议用4g流量,或者分别执行ionic cordova resources --icon和ionic cordova resources --splash