• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
1# 使用call事件拉起指定UIAbility到后台
2
3
4许多应用希望借助卡片的能力，实现和应用在前台时相同的功能。例如音乐卡片，卡片上提供播放、暂停等按钮，点击不同按钮将触发音乐应用的不同功能，进而提高用户的体验。在卡片中使用**postCardAction**接口的call能力，能够将卡片提供方应用的指定的UIAbility拉到后台。同时，call能力提供了调用应用指定方法、传递数据的功能，使应用在后台运行时可以通过卡片上的按钮执行不同的功能。
5
6> **说明：**
7>
8> 本文主要介绍动态卡片的事件开发。对于静态卡片，请参见[FormLink](../reference/arkui-ts/ts-container-formlink.md)。
9
10通常使用按钮控件来触发call事件，示例代码如下：
11
12
13- 在卡片页面中布局两个按钮，点击其中一个按钮时调用postCardAction向指定UIAbility发送call事件，并在事件内定义需要调用的方法和传递的数据。需要注意的是，method参数为必选参数，且类型需要为string类型，用于触发UIAbility中对应的方法。
14
15  ```ts
16  @Entry
17  @Component
18  struct WidgetCard {
19    build() {
20      Column() {
21        Button('功能A')
22          .margin('20%')
23          .onClick(() => {
24            console.info('call EntryAbility funA');
25            postCardAction(this, {
26              'action': 'call',
27              'abilityName': 'EntryAbility', // 只能跳转到当前应用下的UIAbility
28              'params': {
29                'method': 'funA' // 在EntryAbility中调用的方法名
30              }
31            });
32          })
33
34        Button('功能B')
35          .margin('20%')
36          .onClick(() => {
37            console.info('call EntryAbility funB');
38            postCardAction(this, {
39              'action': 'call',
40              'abilityName': 'EntryAbility', // 只能跳转到当前应用下的UIAbility
41              'params': {
42                'method': 'funB', // 在EntryAbility中调用的方法名
43                'num': 1 // 需要传递的其他参数
44              }
45            });
46          })
47      }
48      .width('100%')
49      .height('100%')
50    }
51  }
52  ```
53
54- 在UIAbility中接收call事件并获取参数，根据传递的method不同，执行不同的方法。其余数据可以通过[readString](../reference/apis/js-apis-rpc.md#readstring)方法获取。需要注意的是，UIAbility需要onCreate生命周期中监听所需的方法。
55
56  ```ts
57  import UIAbility from '@ohos.app.ability.UIAbility';
58  import Base from '@ohos.base'
59  import rpc from '@ohos.rpc';
60  import Want from '@ohos.app.ability.Want';
61  import AbilityConstant from '@ohos.app.ability.AbilityConstant';
62
63
64  class MyParcelable implements rpc.Parcelable {
65    num: number;
66    str: string;
67    constructor(num: number, str: string) {
68      this.num = num;
69      this.str = str;
70    }
71    marshalling(messageSequence: rpc.MessageSequence): boolean {
72      messageSequence.writeInt(this.num);
73      messageSequence.writeString(this.str);
74      return true;
75    }
76    unmarshalling(messageSequence: rpc.MessageSequence): boolean {
77      this.num = messageSequence.readInt();
78      this.str = messageSequence.readString();
79      return true;
80    }
81  }
82
83  export default class CameraAbility extends UIAbility {
84    // 如果UIAbility第一次启动，在收到call事件后会触发onCreate生命周期回调
85    onCreate(want: Want, launchParam: AbilityConstant.LaunchParam) {
86      try {
87        // 监听call事件所需的方法
88        this.callee.on('funA', (data: rpc.MessageSequence) => {
89          // 获取call事件中传递的所有参数
90          console.info('FunACall param:' + JSON.stringify(data.readString()));
91          return new MyParcelable(1, 'aaa');
92        });
93        this.callee.on('funB', (data: rpc.MessageSequence) => {
94          // 获取call事件中传递的所有参数
95          console.info('FunACall param:' + JSON.stringify(data.readString()));
96          return new MyParcelable(2, 'bbb');
97        });
98      } catch (err) {
99        console.error(`Failed to register callee on. Cause: ${JSON.stringify(err as Base.BusinessError)}`);
100      }
101    }
102
103    ...
104
105    // 进程退出时，解除监听
106    onDestroy() {
107      try {
108        this.callee.off('funA');
109        this.callee.off('funB');
110      } catch (err) {
111        console.error(`Failed to register callee off. Cause: ${JSON.stringify(err as Base.BusinessError)}`);
112      }
113    }
114  };
115  ```
116