鸿蒙Ability Kit（程序框架服务）【Ability内页面间的跳转】
Ability内页面间的跳转（ArkTS）
介绍
本篇Codelab基于Stage模型下的Ability开发，实现Ability内页面间的跳转和数据传递。
最终效果图如下：
相关概念
- [页面路由]：提供通过不同的url访问不同的页面，包括跳转到应用内的指定页面、用应用内的某个页面替换当前页面、返回上一页面或指定的页面等。
环境搭建
软件要求
- [DevEco Studio]版本：DevEco Studio 3.1 Release。
- OpenHarmony SDK版本：API version 9。
- 开发前请熟悉鸿蒙开发指导文档 ：[`gitee.com/li-shizhen-skin/harmony-os/blob/master/README.m
硬件要求
- 开发板类型：[润和RK3568开发板]。
- OpenHarmony系统：3.2 Release。
环境搭建
完成本篇Codelab我们首先要完成开发环境的搭建，本示例以RK3568开发板为例，参照以下步骤进行：
- [获取OpenHarmony系统版本]：标准系统解决方案（二进制）。以3.2 Release版本为例：
- 搭建烧录环境。
- [完成DevEco Device Tool的安装]
- [完成RK3568开发板的烧录]
- 搭建开发环境。
- 开始前请参考[工具准备]，完成DevEco Studio的安装和开发环境配置。
- 开发环境配置完成后，请参考[使用工程向导]创建工程（模板选择“Empty Ability”）。
- 工程创建完成后，选择使用[真机进行调测]。
代码结构解读
本篇Codelab只对核心代码进行讲解，完整代码可以直接从gitee获取。
├──entry/src/main/ets // 代码区
│ ├──common
│ │ ├──constants
│ │ │ └──CommonConstants.ets // 公共常量类
│ │ └──utils
│ │ └──Logger.ets // 日志类
│ ├──entryability
│ │ └──EntryAbility.ets // 程序入口类
│ └──pages
│ ├──IndexPage.ets // 入口页面
│ └──SecondPage.ets // 跳转页
└──entry/src/main/resources // 资源文件目录
页面跳转
在工程pages目录中，选中Index.ets，点击鼠标右键 > Refactor > Rename，改名为IndexPage.ets。改名后，修改工程entryability目录下EntryAbility.ets文件中windowStage.loadContent方法第一个参数为pages/IndexPage。
// EntryAbility.ets onWindowStageCreate(windowStage: Window.WindowStage): void { ... windowStage.loadContent('pages/IndexPage', (err, data) = > { ... }); }在工程pages目录中，点击鼠标右键 > New > Page，新建命名为SecondPage的page页。
从IndexPage页面跳转到SecondPage页面，并进行数据传递，需要如下几个步骤：
- 给两个页面导入router路由模块。
- 在IndexPage页面中给Button组件添加点击事件，使用router.pushUrl()方法将SecondPage页面路径添加到url中，params为自定义参数。
- SecondPage页面通过router.getParams()方法获取IndexPage页面传递过来的自定义参数。
IndexPage页面有一个Text文本和Button按钮，点击按钮跳转到下一个页面，并传递数据。IndexPage.ets代码如下：
// IndexPage.ets import router from '@ohos.router'; import CommonConstants from '../common/constants/CommonConstants'; @Entry @Component struct IndexPage { @State message: string = CommonConstants.INDEX_MESSAGE; build() { Row() { Column() { Text(this.message) ... Blank() Button($r('app.string.next')) ... .onClick(() = > { router.pushUrl({ url: CommonConstants.SECOND_URL, params: { src: CommonConstants.SECOND_SRC_MSG } }).catch((error: Error) = > { Logger.info(TAG, 'IndexPage push error' + JSON.stringify(error)); }); }) } ... } ... } }SecondPage页面有两个Text文本，其中一个文本展示从IndexPage页面传递过来的数据。SecondPage.ets代码如下：
// SecondPage.ets import router from '@ohos.router'; import CommonConstants from '../common/constants/CommonConstants'; @Entry @Component struct Second { @State message: string = CommonConstants.SECOND_MESSAGE; @State src: string = (router.getParams() as Record< string, string >)[CommonConstants.SECOND_SRC_PARAM]; build() { Row() { Column() { Text(this.message) ... Text(this.src) ... } ... } ... } } `HarmonyOS与OpenHarmony鸿蒙文档籽料：mau123789是v直接拿`
页面返回
在SecondPage页面中，Button按钮添加onClick()事件。调用router.back()方法，实现返回上一页面的功能。
// SecondPage.ets
Button($r('app.string.back'))
...
.onClick(() = > {
router.back();
})
审核编辑 黄宇
声明：本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人，不代表德赢Vwin官网
网立场。文章及其配图仅供工程师学习之用，如有内容侵权或者其他违规问题，请联系本站处理。
举报投诉
-
框架
+关注
关注
0文章
403浏览量
17474 -
鸿蒙
+关注
关注
57文章
2339浏览量
42804
发布评论请先 登录
相关推荐
鸿蒙开发接口Ability框架：【@ohos.application.Ability (Ability)】
Ability模块提供对Ability生命周期、上下文环境等调用管理的能力，包括Ability创建、销毁、转储客户端信息等。
鸿蒙开发接口Ability框架：【@ohos.ability.featureAbility (FeatureAbility模块)】
FeatureAbility模块提供带有UI设计与用户交互的能力，包括启动新的ability、获取dataAbilityHelper、设置此Page Ability、获取当前Ability对应的窗口，连接
鸿蒙开发接口Ability框架：【 (Context模块)】
Context模块提供了ability或application的上下文的能力，包括允许访问特定于应用程序的资源、请求和验证权限等。
鸿蒙开发接口Ability框架：【(AbilityContext)】
AbilityContext是Ability的上下文环境，继承自Context。
鸿蒙开发接口Ability框架：【(AbilityDelegator)】
AbilityDelegator提供添加用于监视指定能力的生命周期状态更改的AbilityMonitor对象的能力，包括对AbilityMonitor实例的添加、删除、等待ability到达
鸿蒙开发接口Ability框架：【AbilityDelegator】
AbilityDelegator提供添加用于监视指定能力的生命周期状态更改的AbilityMonitor对象的能力，包括对AbilityMonitor实例的添加、删除、等待ability到达
鸿蒙Ability开发-Stage模型下Ability的创建和使用
。
在购物应用中，我们点击首页商品列表中的某一项商品，即可跳转到商品的详情页面。此处使用到UIAbilityContext模块的启动Ability的能力。关于获取UIAbilityContext的方法
发表于 01-08 15:34
鸿蒙 Ability 讲解（页面生命周期、后台服务、数据访问）
Service可以这么写，但是有一点你要确认，那就是你启动的这个服务是否允许其他应用程序发现？否则你就算知道这个服务的包名和类名也是白搭。还记得刚才在创建Service Ability
发表于 12-17 10:37
图解鸿蒙Feature Ability和AbilitySlice的关系
，它继承了Ability。鸿蒙手机中的任何一个页面都可以用一个Ability来表示（确切地说，是Feature Ability）。在
发表于 12-21 15:03
#DAYU200#Ability入门
下来就到今天最关键的的学习环节了1.Ability内页面跳转（不带参数）在eTS目录如下，pages目录下有index.ets和second.ets；实现：在index.ets中引入router模块
发表于 09-28 15:03
鸿蒙Ability Kit（程序框架服务）【UIAbility内和UIAbility间页面的跳转】
基于Stage模型下的UIAbility开发，实现UIAbility内和UIAbility间页面的跳转。
鸿蒙Ability Kit（程序框架服务）【Ability与ServiceExtensionAbility通信】
本示例展示通过[IDL的方式]和 [@ohos.rpc] 等接口实现了Ability与ServiceExtensionAbility之间的通信。
工商网监
评论