定制个性化庆祝动作--鸿蒙应用默认启动画面修改过程

26世界杯激战正酣，当红球星都有自己的庆祝动作，比如姆巴佩：

C罗：

球王梅西：

我们的鸿蒙应用，也要有自己特有的图标，名称，默认页以及启动画面，前面的文章已经介绍过图庙，名称，默认页的改动过程：

一：准备图标素材

在开始之前，我们需要准备一张图标图片。建议使用 PNG格式，尺寸推荐 1024×1024像素，这样生成各个尺寸的图标时都能保持清晰。如果你还没有合适的图标，可以先用画图工具简单画一个，或者去网上找一些免费图标素材先练练手。

二：用 Image Asset生成图标

DevEco Studio 内置了一个非常贴心的功能叫 Image Asset，可以帮你自动生成适配不同屏幕密度的图标

1. 在项目目录中，找到 entry 模块下的 resources文件夹，右键点击它。

2. 选择 New → Image Asset。

   

3. 在弹出的窗口中，点击 Path 旁边的文件夹图标，选择你准备好的图标图片。

   

4. 在 Icon Type 区域，可以看到下拉框里面写着：Icon and start window icon

   

5. 按向导提示点击 Next，确认存储路径后点击 Finish，生成的文件如下所示：

   

   resources 目录下自动生成了多个适配不同屏幕密度的图标文件夹（如 phone-ldpi、phone-mdpi 等），里面存放着各种尺寸的图标文件。

三：替换配置文件中的图标引用

{  "name": "EntryAbility",  "icon": "$media:layered_image",        // 桌面图标  "startWindowIcon": "$media:startIcon", // 启动页图标  "startWindowBackground": "$color:start_window_background" // 启动页背景色}

我们只需要改动两点：

1. 将 icon 字段的值改成你刚生成的图标名称（即 Image Asset 时填写的 Name）。

2. 将 startWindowIcon 字段的值也改成对应的图标名称。

   

说明： 如果 module.json5 中没有配置 icon 字段，系统会使用 app.json5 中的 icon 字段作为备选。

BTW: 顺便说说启动页背景色

除了图标，启动页的背景色也是可以自定义的。

在同一个 module.json5文件中，找到 startWindowBackground 字段，它的值通常指向一个颜色资源。你可以：

• 在 resources/base/element/color.json 中修改对应的颜色值

• 或者直接在 module.json5 中填颜色值，比如改成 "#FF6699"

  

这样启动页的背景色就能和你的图标风格统一了。

大功告成，看看修改后的效果：

至此，我们修改默认的系列就介绍完了，分别是修改默认图标，默认应用名称，默认启动画面，默认背景色，默认加载页面等几个内容，如有错误疏漏指出，还请大家多多指正批评！