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(竖屏)。