OpenHarmony开发者论坛

标题: 点击服务卡片如何跳转至指定的页面 [打印本页]
作者: zhanglin    时间: 2023-8-29 14:45
标题: 点击服务卡片如何跳转至指定的页面

【问题描述】
我的应用中有多个模块也就是多个UIAbility，我想实现通过点击卡片的不同位置，跳转到指定的页面，请问要如何实现呢？

【运行环境】
  硬件：rk3568；  ROM:  3.2 Beta5；  API 9





作者: gelsang    时间: 2023-8-29 16:18
可以参考文档，配置卡片事件，指定需要跳转的目标Ability，然后在目标UIAbility的onWindowStageCreate()中调用loadContent跳转至指定的page页面。
  1. // 配置卡片事件，指定需要跳转的目标Ability
  2.   build() {
  3.     Row() {
  4.       Column() {
  5.         Text(this.TITLE)
  6.           .fontSize($r('app.float.font_size'))
  7.       }
  8.       .width(this.FULL_WIDTH_PERCENT)
  9.     }
  10.     .height(this.FULL_HEIGHT_PERCENT)
  11.     .onClick(() => {
  12.       postCardAction(this, {
  13.         "action": this.ACTION_TYPE,
  14.         "abilityName": this.ABILITY_NAME,
  15.         "params": {
  16.           "targetPage":'page1'
  17.         }
  18.       });
  19.     })
  20.   }  
  21.   
  22.   //
复制代码

  1. // onWindowStageCreate()中调用loadContent跳转至指定的page页面
  2. import UIAbility from '@ohos.app.ability.UIAbility';
  3. import hilog from '@ohos.hilog';
  4. import window from '@ohos.window';

  6. let selectPage = ''

  8. export default class EntryAbility extends UIAbility {
  9.   onCreate(want, launchParam) {
  10.     if (want.parameters.params !== undefined) {
  11.       let params = JSON.parse(want.parameters.params);
  12.       selectPage = params.targetPage;
  13.     }
  14.   }

  16.   onWindowStageCreate(windowStage: window.WindowStage) {
  17.     let targetPage;
  18.     // 根据传递的targetPage不同，选择拉起不同的页面
  19.     switch (selectPage) {
  20.       case 'page1':
  21.         targetPage = 'pages/page1';
  22.         break;
  23.       case 'page2':
  24.         targetPage = 'pages/page2';
  25.         break;
  26.       default:
  27.         targetPage = 'pages/Index';
  28.     }
  29.       windowStage.loadContent(targetPage, (err, data) => {
  30.       if (err.code) {
  31.         hilog.error(0x0000, 'testTag', 'Failed to load the content. Cause: %{public}s', JSON.stringify(err) ?? '');
  32.         return;
  33.       }
  34.       hilog.info(0x0000, 'testTag', 'Succeeded in loading the content. Data: %{public}s', JSON.stringify(data) ?? '');
  35.     });
  36.   }
  37. }

复制代码

可以参考官网文档：
1. 配置卡片的配置文件
2. 使用router事件跳转到指定UIAbility




欢迎光临 OpenHarmony开发者论坛 (https://forums.openharmony.cn/) Powered by Discuz! X3.5