《HarmonyOS应用开发基础》 课件 实操 项目2-任务9 开发闪屏页.pptx

任务9开发闪屏页项目2走进ArkTS声明式开发

任务9开发闪屏页本任务使用页面路由router和路由容器组件Navigator，完成页面跳转并传值，实现点击可以跳转并跳回，跳转时可以同时传递参数，目标页面接收参数并显示出来。任务描述

任务效果图预览

任务实施

0102030504整理工程资源使用页面路由实现跳转并传值使用页面路由实现跳回使用Navigator实现页面跳转并传值接收路由参数

01整理工程资源

02使用页面路由实现跳转并传值在Splash页面文件中编写代码：首先在第1行，导入页面路由；接着实现页面效果，整体布局是在Column布局中放置一个Stack布局，在Stack中放置一个铺满屏幕宽高的Image组件，将Text组件叠加加Image组件上，Stack布局顶部居左对齐；最后进行事件处理，给Image组件和Text组件添加单击事件，在事件中使用页面路由实现跳转到指定页面并按需要传递参数。

03使用页面路由实现跳回在Index页面文件中，导入路由、修改页面代码、实现跳回到Splash页面。

04接收路由参数在Message页面文件中，导入路由、修改页面代码、接收路由参数并显示在页面上、使用页面路由实现跳回到Splash页面。

05使用Navigator实现页面跳转并传值改写Splash页面中的Image组件的代码，用Navigator路由容器组件实现跳转并传值。

任务9开发闪屏页本任务主要实现了两种方式的页面跳转，router页面路由是在组件的点击事件中完成跳转与传值，Navigator路由容器组件内部包含可跳转的组件，两种使用方式不一样，但结果是一样的。使用router跳转并传递参数时，发起跳转的页面和目标页都需要导入页面路由；使用Navigator时，发起方不需要导入页面路由，目标方如果有接收参数，需要通过路由获取传递的值，因此需要导入页面路由。任务小结