第一步:改造首页,添加跳转按钮
我们先修改默认的Index.ets页面,添加一个 “Hello World” 的文字,并美化布局。
再添加一个 “下一页” 的按钮,并美化布局。
页面效果如下:
第二步:创建第二个页面(Second.ets)
1. 新建 Second 页面文件
在项目目录entry/src/main/ets/pages/下,右键新建文件,命名为Second.ets
编写 Second 页面的代码:
实现页面跳转的代码:
第三步:运行与测试页面跳转
- 确保模拟器处于启动状态,点击 DevEco Studio 顶部的「运行」按钮(绿色三角形)
- 应用启动后,你会看到首页显示 “你好,世界!” 和绿色的 “下一页” 按钮
- 点击 “下一页” 按钮,应用会跳转到 “第二个页面”,并显示黑色的 “返回” 按钮
- 点击 “返回” 按钮,应用会回到首页,完成整个跳转流程