ionic3-修改APP應用圖標（icon）和APP啓動界面（Splash）

命令

• 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

• 執行ionic cordova resources命令，或分別執行ionic cordova resources --icon和ionic cordova resources --splash
  如圖：

  ionic cordova resources.png

說明

• 通常執行第一條命令（ionic cordova resources）便可，如失敗（通常都是網絡問題，有的是圖片問題），網絡問題：執行後第2、三條命令（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" />
  網絡備份存儲
• <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(豎屏)。

做者：JoyoDuan
連接：https://www.jianshu.com/p/4039ad9f79e6
來源：簡書
簡書著做權歸做者全部，任何形式的轉載都請聯繫做者得到受權並註明出處。