华为鸿蒙HarmonyOS DevEcoStudio实现页面跳转
·
一、项目背景与目标
本项目基于OpenHarmony(鸿蒙)系统开发,适配国产麒麟操作系统环境,核心目标是实现应用内页面间的路由跳转功能。通过在首页添加交互按钮,用户点击后可跳转到指定的第二页面,完成基础的多页面应用交互逻辑,为后续复杂功能开发搭建基础框架。
二、核心技术与开发环境
开发系统:银河麒麟桌面操作系统(适配 OpenHarmony 开发环境)
开发语言ArkTS(基于 TypeScript 的鸿蒙开发语言)
开发工具DevEco Studio(适配麒麟系统的 OpenHarmony 开发工具)
三、项目实现
(一). 页面结构设计
项目包含两个核心页面:
- Index 页面(首页):作为应用入口,提供跳转触发按钮
- Second 页面(目标页):跳转后的接收页面,可扩展显示跳转后的内容
(二).关键代码逻辑解析
1、点击工具窗口--设备管理器--运行PURA90设备


2、打开label(一定要运行一下,修改完代码重新运行一下)


3、在“home”--"build"窗口,点击"entry--src--ets--pages",打开“Index.ets”文件

4、修改自己需要的配置,添加下一页按钮



5、右击pages文件新建一个ArkTS文件,我的名为Second.ets,


6、在“home”--"build"窗口,点击"entry--src--resources--base--profile",打开“main_pages.json”文件
t添加第四行代码,右上角有个“运行”添加完代码点击“立即运行”

代码内容与Index.ets内容一致,只需要修改文件名、String和Text内容

7、实现跳转(添加在Button下面)



四、完整项目代码示例
Index.ets


Second.ets

更多推荐


所有评论(0)