命令
ionic cordova resources
ionic cordova resources --icon
ionic cordova resources --splash
準(zhǔn)備
- 準(zhǔn)備一張大小為1024*1024的圖片文件作為APP的圖標(biāo)(命名:icon)
- 準(zhǔn)備一張大小為2732 * 2732(ionic2為2208 * 2208)的圖片作為APP的啟動(dòng)界面(命名:splash)
- 兩張圖片的格式為png、psd或ai都可
修改方法
- 將準(zhǔn)備好的兩張圖片(注意分辨率和圖片格式)替換到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)絡(luò)問題,有的是圖片問題),網(wǎng)絡(luò)問題:執(zhí)行后第二、三條命令(ionic cordova resources --icon
和ionic cordova resources --splash
),圖片問題:修改或更換圖片。 - 如果在啟動(dòng)界面不顯示“小圓圈”(進(jìn)度圈),修改
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)絡(luò)備份存儲(chǔ) -
<preference name="ShowSplashScreen" value="true" />
顯示啟動(dòng)界面 -
<preference name="AutoHideSplashScreen" value="false" />
自動(dòng)隱藏啟動(dòng)界面 -
<preference name="ShowSplashScreenSpinner" value="false" />
顯示啟動(dòng)界面的進(jìn)度圈 -
<preference name="SplashMaintainAspectRatio" value="true" />
屏幕保持長(zhǎng)寬比 -
<preference name="FadeSplashScreenDuration" value="300" />
啟動(dòng)界面消失延遲 -
<preference name="SplashShowOnlyFirstTime" value="false" />
啟動(dòng)界面只在第一次顯示 -
<preference name="SplashScreen" value="screen" />
啟動(dòng)界面 -
<preference name="SplashScreenDelay" value="1500" />
啟動(dòng)界面延遲 -
<preference name="Fullscreen" value="false" />
全屏顯示 -
<preference name="Orientation" value="landscape" />
屏幕方向。Orientation設(shè)置可以讓你鎖定應(yīng)用程序屏幕方向以阻止屏幕自動(dòng)翻轉(zhuǎn)。可選的值有:default,landscape(橫屏),portrait(豎屏)。