使用DevEco Studio模型实现两个页面跳转
·
一、新建项目
打开软件,如图所示新建项目

选择模板,点击下一步直至完成。


二、代码实现
点击左侧index.ets,进行编辑

(建议把设备模型开启,以便观察。)
1.输入以下代码完成第一个页面的设计

2.创建第二个页面,在左侧pages右击新建ArkTS文件,例如Second.ets

输入以下代码

3.分别在第一页和第二页设计跳转按钮,代码如下


4.依赖步骤
在左侧找到以下文件,进行编辑,并点击立即同步


5.点击按钮实现来回跳转(分别在button里面设计)
index.ets:

Second.ets:

6.完成设计
三、完整代码如下



更多推荐


所有评论(0)