# 如何隐藏应用启动时展示的应用图标

#### 问题现象

应用启动时会先展示应用图标，然后再跳转至首页（如下效果图所示）。如何隐藏该应用图标呢？

#### 背景知识

abilities标签描述UIAbility组件的配置信息，标签值为数组类型，该标签下的配置只对当前UIAbility生效。其中startWindowIcon指定当前UIAbility组件启动页面图标资源文件，startWindowBackground指定当前UIAbility组件启动页面背景颜色资源文件。

#### 解决方案

1.  将entry模块的module.json5配置文件中abilities标签下的startWindowIcon字段设置为透明的空图片。
    
    ```
    "startWindowIcon": "$media:startIcon1", // 将启动页面图标设置成透明的空图片
    "startWindowBackground": "$color:start_window_background", // 背景颜色
    ```
    
2.  对于浅色模式和深色模式下，可以分别在entry模块的两个color.json配置文件中配置两套color资源，startWindowBackground配置白色和黑色即可。其中浅色模式的color.json文件路径为“src/main/resources/base/element/color.json”；深色模式的color.json文件路径为“src/main/resources/dark/element/color.json”。
    
    浅色模式：
    
    ```
    {
      "color": [
        {
          "name": "start_window_background",
          "value": "#FFFFFF"
        }
      ]
    }
    ```
    
    效果预览：
    
    深色模式：
    
    ```
    {
      "color": [
        {
          "name": "start_window_background",
          "value": "#000000"
        }
      ]
    }
    ```
    
    效果预览：