命令
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
文件夾下净薛,如圖:
resources.png - 執(zhí)行
ionic cordova resources
命令迅办,或分別執(zhí)行ionic cordova resources --icon
和ionic cordova resources --splash
如圖:
ionic cordova resources.png
說明
- 一般執(zhí)行第一條命令(
ionic cordova resources
)即可猴誊,如失敗(一般都是網(wǎng)絡問題扮碧,有的是圖片問題)幸冻,網(wǎng)絡問題:執(zhí)行后第二染厅、三條命令(ionic cordova resources --icon
和ionic cordova resources --splash
),圖片問題:修改或更換圖片泉哈。 - 如果在啟動界面不顯示“小圓圈”(進度圈)蛉幸,修改
config.xml
文件<preference name="ShowSplashScreenSpinner" value="false" />
的value
為false
,為true
為顯示丛晦。
如圖:
config.xml.png
其他
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" />
網(wǎng)絡備份存儲 -
<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(豎屏)斧吐。