梅科尔工作室-张启帆-鸿蒙笔记4

本次的主要培训讲的是我们平常用手机时的一些跳转、数据请求、和弹窗等功能。

一.跳转功能

要实现Ability内页面的跳转和数据传递。首先需要导入router模块

跳转的方式呢，也有很多种，依次为你介绍

---

（1）、通过调用router.push()方法，跳转到Ability内的指定页面。

说明：每调用一次router.push()方法，均会新建一个页面。默认情况下，页面栈数量会加1，页面栈支持的最大页面数量为32。

当页面栈数量较大或者超过32时，可以通过调用router.clear()方法清除页面栈中的所有历史页面，仅保留当前页面作为栈顶页面。

 

---

（2）、 API9及以上，router.push()方法新增了mode参数，可以将mode参数配置为router.RouterMode.Single单实例模式和router.RouterMode.Standard标准模式。

在单实例模式下：如果目标页面的url在页面栈中已经存在同url页面，离栈顶最近的同url页面会被移动到栈顶，移动后的页面为新建页，原来的页面仍然存在栈中，页面栈数量不变；如果目标页面的url在页面栈中不存在同url页面，按标准模式跳转，页面栈数量会加1。

---

 

（3）、 通过调用router.replace()方法，跳转到Ability内的指定页面。即使用新的页面替换当前页面，并销毁被替换的当前页面，页面栈数量不变。

---

 

（4）、API9及以上，router.replace()方法新增了mode参数，可以将mode参数配置为router.RouterMode.Single单实例模式和router.RouterMode.Standard标准模式。

在单实例模式下：如果目标页面的url在页面栈中已经存在同url页面，离栈顶最近的同url页面会被移动到栈顶，替换当前页面，并销毁被替换的当前页面，移动后的页面为新建页，页面栈数量会减1；如果目标页面的url在页面栈中不存在同url页面，按标准模式跳转，页面栈数量不变。

 

---

跳转之后，需要有接受信息的页面，接受时是通过调用router.getParams()方法获取Index页面传递过来的自定义参数

 效果示意图如图所示。在Index页面中，点击“Next”后，即可从Index页面跳转到Second页面，并在Second页面中接收参数和进行页面刷新展示。

 

 

二.数据请求模块 

数据请求首先需要导入http 模块：

在FA模型下，如果不是以https开头的需要配置权限 ，具体位置是在config.json的module模块里配置，示例如下。

 

官方案例如下：sansan 

 

 三、弹窗模块

跟以上类似，也需要导入相对应的（prompt）模块

主要使用的是prompt.showToast（）方法，作用是可以在屏幕上弹出提示信息。message是弹出的消息，而duration是弹出的时间，单位是毫秒。1000是1秒，则2000是2秒。