HarmonyOS鸿蒙开发之07 编程实现页面跳转（教程含源码）

实战需求

本期，我们来从零开始通过代码实现在第一个页面点击按钮跳转到第二个页面。

---

前期文章

• 原创 HarmonyOS 鸿蒙入门教程之01 基础环境和开发工具 （教程含源码）
• 原创 HarmonyOS 鸿蒙开发之02开发工具安装
• 原创 HarmonyOS 鸿蒙入门教程之03 运行开发工具完成基础配置DevEco Studio（教程含源码）
• 原创 HarmonyOS鸿蒙开发之04 运行第一个hello world （教程含源码）
• 原创 HarmonyOS鸿蒙开发之05 运行第一个页面 （教程含源码）
• 原创 HarmonyOS鸿蒙开发之06 通过代码创建页面 Feature Ability（教程含源码）

实现页面跳转

1、重写MainAbilitySlice.java 的onStart()函数

打开第一个页面的“MainAbilitySlice.java”文件，重写onStart()方法添加按钮的响应逻辑，实现点击按钮跳转到下一页，示例代码如下：

package com.example.myapplication.slice;
 
import com.example.myapplication.ResourceTable;
import ohos.aafwk.ability.AbilitySlice;
import ohos.aafwk.content.Intent;
import ohos.aafwk.content.Operation;
import ohos.agp.components.*;
 
public class MainAbilitySlice extends AbilitySlice {
 
    @Override
    public void onStart(Intent intent) {
        super.onStart(intent);
        super.setUIContent(ResourceTable.Layout_main_layout);
        Button button = (Button) findComponentById(ResourceTable.Id_button);
 
        if (button != null) {
            // 为按钮设置点击回调
            button.setClickedListener(new Component.ClickedListener() {
                @Override
                public void onClick(Component component) {
                Intent secondIntent = new Intent();
                // 指定待启动FA的bundleName和abilityName
                Operation operation = new Intent.OperationBuilder()
                        .withDeviceId("")
                        .withBundleName("com.example.myapplication")
                        .withAbilityName("com.example.myapplication.SecondAbility")
                        .build();
                secondIntent.setOperation(operation);
                startAbility(secondIntent); // 通过AbilitySlice的startAbility接口实现启动另一个页面
                }
            });
        }
    }
 
    @Override
    public void onActive() {
        super.onActive();
    }
 
    @Override
    public void onForeground(Intent intent) {
        super.onForeground(intent);
    }
}

注意事项，请将com.example.myapplication替换成您的项目名称

        .withBundleName("com.example.myapplication")
                        .withAbilityName("com.example.myapplication.SecondAbility")

---

2、再次运行项目，效果如图所示

更多技术交流请加入QQ群

群名称：harmonyos鸿蒙技术交流
群 号：856567895