背景
- 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
网友评论
HTTP Error 403: POST https://res.ionic.io/api/v1/upload
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en-US"> <![endif]-->
<!--[if IE 7]> <html class="no-js ie7 oldie" lang="en-US"> <![endif]-->
<!--[if IE 8]> <html class="no-js ie8 oldie" lang="en-US"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en-US"> <!--<![endif]-->
<head>
<title>安全检查! | 百度云加速</title>
<meta charset="UTF-8" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" />
<meta name="robots" content="noindex, nofollow" />
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1" />
<link rel="stylesheet" id="yjs_styles-css" href="/cdn-cgi/styles/baidu.errors.css" type="text/css" media="screen,projection" />
<!--[if lt IE 9]><link rel="stylesheet" id='yjs_styles-ie-css' href="/cdn-cgi/styles/baidu.errors.ie.css" type="text/css" media="screen,projection" /><![endif]-->
<style type="text/css">body{margin:0;padding:0}</style>
<!--[ ...
[ truncated 3537 characters ]