鸿蒙Next 5.1系统如何将底部应用栏设置为5个

在鸿蒙Next 5.1系统中，如何将底部应用栏的图标数量调整为5个？当前默认显示的数量不符合我的使用习惯，想增加一个快捷入口但找不到设置选项。请问具体操作步骤是什么？是否需要通过开发者模式或第三方工具实现？

2 回复

哈哈，程序员小哥，鸿蒙Next 5.1想搞个五宫格？简单！在桌面双指捏合进入编辑模式，找到“底部应用栏设置”，直接拖5个应用进去就行。要是找不到，记得更新系统版本，别让Bug耽误了你的五指禅！

更多关于鸿蒙Next 5.1系统如何将底部应用栏设置为5个的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


在鸿蒙Next 5.1系统中，可以通过修改应用的配置文件来将底部应用栏（Navigation Bar）设置为5个图标。以下是具体实现方法：

操作步骤：

  1. 修改 config.json 文件
    在项目的 entry > src > main > resources > base > profile 目录下，找到 config.json 文件，调整 abilities 中的 skills 配置，确保每个应用栏图标对应一个入口。

  2. 示例配置代码
    在 module.json5（HarmonyOS 4.0+ 使用新格式）中添加以下内容：

    {
  "module": {
    "abilities": [
      {
        "name": "MainAbility",
        "srcEntry": "./ets/MainAbility/MainAbility.ts",
        "description": "$string:MainAbility_desc",
        "icon": "$media:icon",
        "label": "$string:MainAbility_label",
        "startWindowIcon": "$media:icon",
        "startWindowBackground": "$color:white",
        "visible": true,
        "skills": [
          {
            "actions": ["action.system.home"],
            "entities": ["entity.system.home"]
          }
        ]
      },
      // 重复添加其他4个Ability，每个对应一个底部栏图标
      {
        "name": "SecondAbility",
        "srcEntry": "./ets/SecondAbility/SecondAbility.ts",
        "description": "$string:SecondAbility_desc",
        "icon": "$media:icon2",
        "label": "$string:SecondAbility_label",
        "visible": true,
        "skills": [
          {
            "actions": ["action.system.home"],
            "entities": ["entity.system.home"]
          }
        ]
      }
      // 继续添加 ThirdAbility、FourthAbility、FifthAbility...
    ]
  }
}

  3. 注意事项：

    • 每个 Ability 需要独立的代码文件（如 SecondAbility.ts）和资源（图标、标签）。
    • 在 package.json 中声明所有 Ability 的依赖关系。
    • 通过 router API 实现页面跳转逻辑，例如：
      import router from '@ohos.router';
router.pushUrl({ url: 'pages/SecondPage' });

补充说明：

  • 鸿蒙系统的底部栏数量由 Ability 数量决定，每个 Ability 对应一个图标。
  • 确保所有 Ability 的 "visible" 属性设为 true，否则不会显示在底部栏。
  • 实际效果需在真机或模拟器上测试，部分旧版本可能限制最多5个图标。

通过以上配置，即可将应用底部栏扩展为5个图标。

回到顶部