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）即可，如失敗（一般都是網絡問題，有的是圖片問題），網絡問題：執行后第二、三條命令（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(豎屏)。