点击服务卡片如何跳转至指定的页面

【问题描述】

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

【运行环境】

  硬件：rk3568；  ROM:  3.2 Beta5；  API 9

可以参考文档，配置卡片事件，指定需要跳转的目标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';
   
5. 
   
6. let selectPage = ''
   
7. 
   
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.   }
    
15. 
    
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. }
    
38. 
    

复制代码

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