ionic3-修改APP应用图标（icon）和APP启动界面（Splash）

你的名字 2023-08-17 17:02 109阅读 0赞

## 命令 ##

*  `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`文件夹下，如图：  
    
    
     
    
    ![webp][]
    
    resources.png
 *  执行`ionic cordova resources`命令，或分别执行`ionic cordova resources --icon`和`ionic cordova resources --splash`  
    如图：  
    
    
     
    
    ![webp 1][]
    
    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`为显示。  
    如图：  
    
    
     
    
    ![webp 2][]
    
    config.xml.png

## 其他 ##

`config.xml`配置说明：

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

转载于:https://www.cnblogs.com/xiaoxiaomini/p/11491912.html

[webp]: /images/20230808/632d088e953443c98fe40d2cfd253787.png
[webp 1]: /images/20230808/281568de057c4a94a5191be6ea58a918.png
[webp 2]: /images/20230808/a096bb356c2744c8a1cf9aebc5e2ccd2.png