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文件夹下,如图:
    ionic3-修改APP应用图标(icon)和APP启动界面(Splash)_第1张图片
    resources.png
  • 执行ionic cordova resources命令,或分别执行ionic cordova resources --iconionic cordova resources --splash
    如图:
    ionic3-修改APP应用图标(icon)和APP启动界面(Splash)_第2张图片
    ionic cordova resources.png

说明

  • 一般执行第一条命令(ionic cordova resources)即可,如失败(一般都是网络问题,有的是图片问题),网络问题:执行后第二、三条命令(ionic cordova resources --iconionic cordova resources --splash),图片问题:修改或更换图片。
  • 如果在启动界面不显示“小圆圈”(进度圈),修改config.xml文件valuefalse,为true为显示。
    如图:
    ionic3-修改APP应用图标(icon)和APP启动界面(Splash)_第3张图片
    config.xml.png

其他

config.xml配置说明:

    
    
    
    
    
    
    
    
    
    
    
    
    
    
    

  • android最小sdk版本
  • v
    网络备份存储

  • 显示启动界面

  • 自动隐藏启动界面

  • 显示启动界面的进度圈

  • 屏幕保持长宽比

  • 启动界面消失延迟

  • 启动界面只在第一次显示

  • 启动界面

  • 启动界面延迟

  • 全屏显示

  • 屏幕方向。Orientation设置可以让你锁定应用程序屏幕方向以阻止屏幕自动翻转。可选的值有:default,landscape(横屏),portrait(竖屏)。

你可能感兴趣的:(ionic3-修改APP应用图标(icon)和APP启动界面(Splash))