命令
ionic cordova resources
ionic cordova resources --icon
ionic cordova resources --splash
准备
- 准备一张大小为1024*1024的图片文件作为APP的图标(命名:icon)
- 准备一张大小为2732 * 2732(ionic2为2208 * 2208)的图片作为APP的启动界面(命名:splash)
- 两张图片的格式为png、psd或ai都可
修改方法
- 将准备好的两张图片(注意分辨率和图片格式)替换到web-app目录下的
resources
文件夹下,如图:
- 执行
ionic cordova resources
命令,或分别执行ionic cordova resources --icon
和ionic cordova resources --splash
如图:
说明
- 一般执行第一条命令(
ionic cordova resources
)即可,如失败(一般都是网络问题,有的是图片问题),网络问题:执行后第二、三条命令(ionic cordova resources --icon
和ionic cordova resources --splash
),图片问题:修改或更换图片。 - 如果在启动界面不显示“小圆圈”(进度圈),修改
config.xml
文件<preference name="ShowSplashScreenSpinner" value="false" />
的value
为false
,为true
为显示。
如图:
其他
config.xml
配置说明:
<preference name="webviewbounce" value="false" />
<preference name="UIWebViewBounce" value="false" />
<preference name="DisallowOverscroll" value="true" />
<preference name="android-minSdkVersion" value="16" />
<preference name="BackupWebStorage" value="none" />
<preference name="ShowSplashScreen" value="true" />
<preference name="AutoHideSplashScreen" value="false" />
<preference name="ShowSplashScreenSpinner" value="false" />
<preference name="SplashMaintainAspectRatio" value="true" />
<preference name="FadeSplashScreenDuration" value="300" />
<preference name="SplashShowOnlyFirstTime" value="false" />
<preference name="SplashScreen" value="screen" />
<preference name="SplashScreenDelay" value="1500" />
<preference name="Fullscreen" value="true" />
<preference name="Orientation" value="landscape" />
-
<preference name="android-minSdkVersion" value="16" />
android最小sdk版本 -
v<preference name="BackupWebStorage" value="none" />
网络备份存储 -
<preference name="ShowSplashScreen" value="true" />
显示启动界面 -
<preference name="AutoHideSplashScreen" value="false" />
自动隐藏启动界面 -
<preference name="ShowSplashScreenSpinner" value="false" />
显示启动界面的进度圈 -
<preference name="SplashMaintainAspectRatio" value="true" />
屏幕保持长宽比 -
<preference name="FadeSplashScreenDuration" value="300" />
启动界面消失延迟 -
<preference name="SplashShowOnlyFirstTime" value="false" />
启动界面只在第一次显示 -
<preference name="SplashScreen" value="screen" />
启动界面 -
<preference name="SplashScreenDelay" value="1500" />
启动界面延迟 -
<preference name="Fullscreen" value="false" />
全屏显示 -
<preference name="Orientation" value="landscape" />
屏幕方向。Orientation设置可以让你锁定应用程序屏幕方向以阻止屏幕自动翻转。可选的值有:default,landscape(横屏),portrait(竖屏)。