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
來源：简书
简书著做权归做者全部，任何形式的转载都请联系做者得到受权并注明出处。