背景
- 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
