【鸿蒙开发教程】HarmonyOS Next 页面路由

最新推荐文章于 2025-04-23 13:03:12 发布

「已注销」

最新推荐文章于 2025-04-23 13:03:12 发布

阅读量3.6k

点赞数 28

CC 4.0 BY-SA版权

文章标签： harmonyos 华为鸿蒙鸿蒙系统

本文链接：https://blog.youkuaiyun.com/HarmonyOS_001/article/details/139745873

前言

根据研究机构Counterpoint Research发布的最新数据，2024年第一季度，鸿蒙OS份额由去年一季度的8%上涨至17%，iOS份额则从20%下降至16%。

这意味着，华为鸿蒙OS在中国市场的份额超越苹果iOS，已成中国第二大操作系统

随着鸿蒙市场份额的不断提升，相应的岗位也会迎来一个爆发式的增长。这对于想要换赛道的程序员来说是一个非常好的消息，话说大家最近有想法转型鸿蒙开发吗？

这里来跟大家聊一聊鸿蒙开发中的页面路由

官方文档中有两套路由方案：Router 和 Navigation。如果你刚开始入门，请直接看Navigation，并以此作为app的路由框架方案。

Naviagtion 的两种用法：底部带导航条，页面间跳转

底部带导航条

在这里插入图片描述

代码：

      Navigation() {
         ...
         // 内部布局样式
      }
      .title(this.NavigationTitle) // 自定义title布局样式 @builder
      .menus(this.NavigationMenus) // 自定义顶部工具菜单样式 @builder
      .titleMode(NavigationTitleMode.Full) // 固定大标题模式，Mini为小标题模式，还有Free模式
      .toolbarConfiguration([  // 底部导航栏
        {
          value: $r("app.string.navigation_toolbar_add"),
          icon: $r("app.media.ic_public_highlightsed"),
          activeIcon: ... // 选中时的Icon
          action:{} // 点击事件,
          status: ... ToolbarItemStatus // 可以让点击样式不变，我想没人没事会设置这个吧|||
        },
        {
          value: $r("app.string.navigation_toolbar_app"),
          icon: $r("app.media.ic_public_highlights")
        },
        {
          value: $r("app.string.navigation_toolbar_collect"),
          icon: $r("app.media.ic_public_highlights"),
        }
      ], 
        // api11 增加了背景颜色控制
        { 
          backgroundColor: ...
          backgroundBlurStyle: ... // 高斯模糊 BlurStyle
        }
      )
      .hideTitleBar(false)
      .hideToolBar(false)

随着API版本升级，有些方法官方已经废弃，有些方法则更改了名字，使用时记得检查当前版本。比
如早期工具栏方法叫toolBar，最新的api10改名为toolbarConfigration。

工具栏其实就是底部导航栏，注意：

●最多展示5个图标，
●超过5个，显示4个，增加一个更多图标。
●不设置则自动不展示底部导航条
●点击事件对应action

最多展示5个图标
在这里插入图片描述