> 技术文档 > 鸿蒙实战:页面跳转_鸿蒙跳转页面

鸿蒙实战:页面跳转_鸿蒙跳转页面


文章目录

  • 1. 实战概述
  • 2. 实现步骤
    • 2.1 创建项目
    • 2.2 准备图片素材
    • 2.3 编写首页代码
    • 2.4 创建第二个页面
  • 3. 测试效果
  • 4. 实战总结

1. 实战概述

  • 实战概述:本实战通过ArkUI框架,在鸿蒙系统上开发了一个简单的两页面应用。首页显示问候语和“下一页”按钮,点击后跳转到第二页。第二页展示欢迎信息并提供“返回”按钮。通过路由模块实现页面跳转,并在控制台记录操作结果。

2. 实现步骤

2.1 创建项目

  • 选择类型与模板:Application - Empty Ability
    鸿蒙实战:页面跳转_鸿蒙跳转页面
  • 设置项目基本信息
    鸿蒙实战:页面跳转_鸿蒙跳转页面
  • 单击【Finish】按钮,生成项目基本框架
    鸿蒙实战:页面跳转_鸿蒙跳转页面
  • 运行程序,查看效果(需要创建模拟器,没有模拟器,可以用previewer)