我是中工的徐杰龙,这是我的鸿蒙结课大作业,以下是我的作业报告。

江鸟中原鸿蒙展翅,今天阿龙给大家详细讲解一下arkts语言的页面跳转和数据交互。

关于router的使用

页面跳转和参数接受是通过导入 router 模块实现。


import router from '@ohos.router';

这些是roter的一些常用方法

router.pushUrl() 跳转到指定页面。

router.replaceUrl() 替换当前页面并销毁。

router.back() 返回上一个页面。

router.getParams() 获取上一个页面跳转过来携带的参数。

router.clear() 清空当前页面栈中所有历史页面,只会保留当前页面作为栈顶页面。

router.getLength() 获取当前页面栈中的页面数量。

router.getState() 获取当前页面的状态信息。

router.showAlertBeforeBackPage() 开启页面返回询问对话框。

router.hideAlertBeforeBackPage() 禁用页面返回询问对话框。

跳转页面的实现方式。

API9及以上,router.pushUrl()方法新增了mode参数,可以将mode参数配置为router.RouterMode.Single单实例模式和router.RouterMode.Standard多实例模式。

这里我想介绍的是router.push()的用法

『江鸟中原』鸿蒙——页面跳转和数据交互_当前页

router.push需要手动输入url,当然你必须在\entry\src\main\resources\base\profile里面加上你想要跳转的url否则会报错

『江鸟中原』鸿蒙——页面跳转和数据交互_回滚_02

当你跳转到你想要的页面之后,你可以选择使用router.back()方法回滚到你之前的页面,不必在输入url,如图所示:


『江鸟中原』鸿蒙——页面跳转和数据交互_页面跳转_03

就会回滚到之前的url界面

如果你不想回滚到之前的界面,那么你可以使用router.replaceurl()方法去转换url去到别的界面,在router.replace()里面输入你想要跳转的url,如图所示:

『江鸟中原』鸿蒙——页面跳转和数据交互_页面跳转_04

如果你需要传输数据进去那么你就要用到params这个方法:

,他会把你的数据传输出去:

『江鸟中原』鸿蒙——页面跳转和数据交互_页面跳转_05

然后你可以使用router.getParams()?.[]去接收你穿过来的信息

然后去调用你所传过来的信息.

这学期学了鸿蒙课程,我的收获非常大,感谢老师的悉心教导,有些方法我也没使用过,这里只展示了我使用过的方法.