HarmonyOS鸿蒙Next中library中的两个页面如何跳转

HarmonyOS鸿蒙Next中library中的两个页面如何跳转 新建了个HAR共享静态包library，library里边有A,B两个页面，请问A页面如何跳转到B页面，跳转方法怎么写

4 回复

看下命名路由

https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V13/arkts-routing-V13#命名路由

更多关于HarmonyOS鸿蒙Next中library中的两个页面如何跳转的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


  1. 前提条件

    • 确保你的鸿蒙 Next 开发环境已经正确配置，并且 HAR 共享静态包 library 已经正确创建并包含了 A、B 两个页面。

  2. 在 A 页面中导入必要的模块和组件

    • 首先，在 A 页面的 .ets 文件中，需要导入相关的路由模块。在鸿蒙 Next 中，通常会使用 @ohos.router 模块来处理页面跳转。

在HarmonyOS鸿蒙Next中，如果需要在library中的两个页面之间进行跳转，可以使用AbilitySlice和Intent来实现。假设有两个页面PageA和PageB，它们分别对应两个AbilitySlice，PageASlice和PageBSlice。

  1. 定义AbilitySlice：

    • PageASlice和PageBSlice需要继承自AbilitySlice，并在onStart方法中设置各自的UI布局。

  2. 页面跳转：

    • 在PageASlice中，通过Intent对象启动PageBSlice。代码示例如下：
      let intent = new Intent();
intent.setAbilitySliceClass(PageBSlice);
this.startAbility(intent);

  3. 传递参数：

    • 如果需要传递参数，可以在Intent中添加参数。例如：
      intent.setParam("key", "value");

  4. 接收参数：

    • 在PageBSlice的onStart方法中，可以通过intent.getParam获取传递的参数。例如：
      let value = this.intent.getParam("key");

通过以上步骤，可以在HarmonyOS鸿蒙Next的library中实现两个页面之间的跳转。

在HarmonyOS鸿蒙Next中，页面跳转可以通过Router模块实现。假设你有两个页面PageA和PageB，可以在PageA中使用以下代码跳转到PageB：

import ohos.agp.components.Component;
import ohos.agp.components.Button;
import ohos.agp.components.ComponentContainer;
import ohos.agp.components.LayoutScatter;
import ohos.app.Context;
import ohos.agp.window.dialog.ToastDialog;
import ohos.aafwk.ability.AbilitySlice;
import ohos.aafwk.content.Intent;
import ohos.aafwk.content.Operation;

public class PageA extends AbilitySlice {
    @Override
    public void onStart(Intent intent) {
        super.onStart(intent);
        // 加载布局
        ComponentContainer rootLayout = (ComponentContainer) LayoutScatter.getInstance(this).parse(ResourceTable.Layout_page_a, null, false);
        super.setUIContent(rootLayout);

        // 获取按钮
        Button button = (Button) rootLayout.findComponentById(ResourceTable.Id_button);
        button.setClickedListener(component -> {
            // 创建Intent对象
            Intent intentToPageB = new Intent();
            // 设置目标页面
            Operation operation = new Intent.OperationBuilder()
                    .withDeviceId("")
                    .withBundleName(getBundleName())
                    .withAbilityName("com.example.PageB")
                    .build();
            intentToPageB.setOperation(operation);
            // 跳转到PageB
            startAbility(intentToPageB);
        });
    }
}
``

在`PageB`中，确保其`Ability`类已正确配置。通过`Intent`和`Operation`，你可以轻松实现页面跳转。
回到顶部