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

前言

根据研究机构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个图标
在这里插入图片描述

超过5个,展示4个+更多
在这里插入图片描述

点击更

### HarmonyOS NEXT 视频播放器 开发者文档和教程 对于希望深入了解并开发针对 HarmonyOS NEXT 平台上的视频播放器应用的开发者而言,官方提供了详尽的学习资料和技术支持。为了确保能够高效利用这些资源,建议遵循以下指导: #### 官方文档与培训材料的重要性 深入学习和理解系统提供的API和工具是实现高效开发的基础[^1]。这意味着应当通过官方文档、培训课程以及实际案例来全面掌握HarmonyOS NEXT的技术特性。 #### 获取必要的开发环境 访问华为开发者官方网站可以找到用于下载最新版 DevEco Studio 编辑器的具体链接,这是构建应用程序不可或缺的一部分[^2]。安装完成后,即可开始创建项目,并探索如何集成多媒体功能到自己的应用中去。 #### 配置文件说明 `build-profile.json5` 文件包含了关于工程级别的配置信息,比如签名设置(signingConfigs),还有不同产品的特定配置(products)[^3]。了解此文件结构有助于更好地管理项目的各个方面,包括但不限于适配不同的操作系统版本或设备类型。 #### 页面路由配置实例 当涉及到多页面布局时,则需按照指定路径进行相应调整,例如 `entry > src > main > resources > base > profile` 来定义额外界面及其行为模式[^4]。这一步骤同样适用于设计一个完整的媒体播放体验流程。 ```json { "router": { "type": "page", "url": "$ability/resources/base/profile" } } ``` 以上内容综合展示了围绕着HarmonyOS NEXT平台下视频播放器的相关知识点,旨在帮助有兴趣在此领域开展工作的个人获得初步认识和发展方向。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值