ionic3- modify APP application icon (icon) and APP start interface (Splash)

command

• ionic cordova resources
• ionic cordova resources --icon
• ionic cordova resources --splash

ready

• Prepare a size of 1024 * 1024 picture files as icons APP (named: icon)
• Prepare a size of 2732 * 2732 (ionic2 to 2208 * 2208) as the startup screen picture of APP (named: splash)
• Two pictures of the format png, psd or ai can

Modification method

• The prepared two pictures (note the resolution and image formats) to replace the web-app directory under the resourcesfile folder, as shown:
  
   

  

  resources.png
• Execute ionic cordova resourcesthe command, or individually ionic cordova resources --iconand ionic cordova resources --splash
  FIG:
  
   

  

  ionic cordova resources.png

Explanation

• General to execute the first command ( ionic cordova resources) can, as a failure (usually a network problem, some image issues), network problems: After the implementation of the second, three commands ( ionic cordova resources --iconand ionic cordova resources --splash), Image problem: modify or replace the image.
• If you do not show the "small circle" (Circle progress), modify the startup interface config.xmlfile <preference name="ShowSplashScreenSpinner" value="false" />is valueas falsefor the truedisplay.
  Figure:
  
   

  

  config.xml.png

other

config.xmlConfiguration instructions:

    <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" />
  The minimum version of android sdk
• v<preference name="BackupWebStorage" value="none" />
  Network backup storage
• <preference name="ShowSplashScreen" value="true" />
  Show splash screen
• <preference name="AutoHideSplashScreen" value="false" />
  Autohide launcher interface
• <preference name="ShowSplashScreenSpinner" value="false" />
  It shows the progress of the loop start interface
• <preference name="SplashMaintainAspectRatio" value="true" />
  To maintain the aspect ratio of the screen
• <preference name="FadeSplashScreenDuration" value="300" />
  Start interface disappears delay
• <preference name="SplashShowOnlyFirstTime" value="false" />
  Only the boot screen display for the first time in
• <preference name="SplashScreen" value="screen" />
  Start interface
• <preference name="SplashScreenDelay" value="1500" />
  Delayed start interface
• <preference name="Fullscreen" value="false" />
  full-screen display
• <preference name="Orientation" value="landscape" />
  Screen orientation. Orientation setting allows you to lock the application to prevent the screen orientation automatically flip the screen. Optional values ​​are: default, landscape (horizontal screen), portrait (vertical screen).