🚀一、服务卡片的模块和创建
在HarmonyOS中,服务卡片是一种提供即时信息和快速操作的小组件,类似于Android中的通知栏。服务卡片可以显示各种类型的信息,包括通知、天气、日历事件、音乐播放器、快捷方式等。用户可以根据自己的需求配置服务卡片,并通过轻扫或点击来查看详细信息或执行操作。此外,服务卡片还支持互动操作,例如滑动、拖动和长按等,以实现更多功能。用户可以通过设置中的服务卡片管理来管理和定制自己的服务卡片。总的来说,服务卡片是HarmonyOS提供的一种方便快捷的信息展示和操作方式,用户可以根据自己的喜好和需求进行个性化设置和使用。
🔎1.ArkTS卡片相关模块

名称 | 内容 |
---|---|
FormExtensionAbility | 提供卡片创建、销毁、刷新等生命周期回调的卡片扩展模块。 |
FormExtensionContext | FormExtensionAbility的上下文环境,提供FormExtensionAbility具有的接口和能力。 |
formProvider | 提供卡片提供方相关的接口能力,可通过该模块提供接口实现更新卡片、设置卡片更新时间、获取卡片信息、请求发布卡片等。 |
formInfo | 提供了卡片信息和状态等相关类型和枚举。 |
formBindingData | 提供卡片数据绑定的能力,包括FormBindingData对象的创建、相关信息的描述。 |
页面布局(Card.ets) |
提供声明式范式的UI接口能力。 |
ArkTS卡片特有能力 | postCardAction用于卡片内部和提供方应用间的交互,仅在卡片中可以调用。 |
ArkTS卡片能力列表 | 列举了能在ArkTS卡片中使用的API、组件、事件、属性和生命周期调度。 |
卡片配置 |
包含FormExtensionAbility的配置和卡片的配置。 |
module.json5配置文件中的extensionAbilities标签 | 配置FormExtensionAbility相关信息。 |
resources/base/profile/目录下的form_config.json配置文件 | 配置卡片(WidgetCard.ets)相关信息。 |
🔎2.ArkTS卡片创建
🦋2.1 创建一个ArkTS卡片
1、新建卡片
2、根据实际业务场景,选择一个卡片模板
3、在选择卡片的开发语言类型
4、创建完成后如下
🦋2.2 配置卡片的配置文件
1、卡片需要在module.json5配置文件中的extensionAbilities标签下
2、卡怕具体配置在form_config.json下
详细配置信息可以参考:developer.harmonyos.com/cn/docs/doc...
🦋2.3 卡片生命周期管理
typescript
import formInfo from '@ohos.app.form.formInfo';
import formBindingData from '@ohos.app.form.formBindingData';
import FormExtensionAbility from '@ohos.app.form.FormExtensionAbility';
import formProvider from '@ohos.app.form.formProvider';
export default class EntryFormAbility extends FormExtensionAbility {
onAddForm(want) {
console.info('[EntryFormAbility] onAddForm');
// 在入参want中可以取出卡片的唯一标识:formId
let formId: string = want.parameters[formInfo.FormParam.IDENTITY_KEY];
// 使用方创建卡片时触发,提供方需要返回卡片数据绑定类
let obj = {
'title': 'titleOnAddForm',
'detail': 'detailOnAddForm'
};
let formData = formBindingData.createFormBindingData(obj);
return formData;
}
onCastToNormalForm(formId) {
// Called when the form provider is notified that a temporary form is successfully
// converted to a normal form.
// 使用方将临时卡片转换为常态卡片触发,提供方需要做相应的处理
console.info(`[EntryFormAbility] onCastToNormalForm, formId: ${formId}`);
}
onUpdateForm(formId) {
// 若卡片支持定时更新/定点更新/卡片使用方主动请求更新功能,则提供方需要重写该方法以支持数据更新
console.info('[EntryFormAbility] onUpdateForm');
let obj = {
'title': 'titleOnUpdateForm',
'detail': 'detailOnUpdateForm'
};
let formData = formBindingData.createFormBindingData(obj);
formProvider.updateForm(formId, formData).catch((err) => {
if (err) {
// 异常分支打印
console.error(`[EntryFormAbility] Failed to updateForm. Code: ${err.code}, message: ${err.message}`);
return;
}
});
}
onChangeFormVisibility(newStatus) {
// Called when the form provider receives form events from the system.
// 需要配置formVisibleNotify为true,且为系统应用才会回调
console.info('[EntryFormAbility] onChangeFormVisibility');
}
onFormEvent(formId, message) {
// Called when a specified message event defined by the form provider is triggered.
// 若卡片支持触发事件,则需要重写该方法并实现对事件的触发
console.info('[EntryFormAbility] onFormEvent');
}
onRemoveForm(formId) {
// Called to notify the form provider that a specified form has been destroyed.
// 当对应的卡片删除时触发的回调,入参是被删除的卡片ID
console.info('[EntryFormAbility] onRemoveForm');
}
onConfigurationUpdate(config) {
// 当系统配置信息置更新时触发的回调
console.info('[EntryFormAbility] configurationUpdate:' + JSON.stringify(config));
}
onAcquireFormState(want) {
// Called to return a {@link FormState} object.
// 卡片提供方接收查询卡片状态通知接口,默认返回卡片初始状态。
return formInfo.FormState.READY;
}
}

🚀写在最后
- 如果你觉得这篇内容对你还蛮有帮助,我想邀请你帮我三个小忙:
- 点赞,转发,有你们的 『点赞和评论』,才是我创造的动力。
- 关注小编,同时可以期待后续文章ing🚀,不定期分享原创知识。
- 想要获取最新鸿蒙学习资料,请点击→全套鸿蒙HarmonyOS学习资料
