目录

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

问题现象

应用启动时会先展示应用图标,然后再跳转至首页(如下效果图所示)。如何隐藏该应用图标呢?

背景知识

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"
        }
      ]
    }

    效果预览: