鸿蒙HarmonyOS实战-Stage模型（服务卡片的模块和创建）

技术分享 2年前 (2024-05-19) 0 999+

🚀一、服务卡片的模块和创建

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

🔎1.ArkTS卡片相关模块

🔎2.ArkTS卡片创建

🦋2.1 创建一个ArkTS卡片

1、新建卡片

2、根据实际业务场景，选择一个卡片模板

3、在选择卡片的开发语言类型

4、创建完成后如下

🦋2.2 配置卡片的配置文件

1、卡片需要在module.json5配置文件中的extensionAbilities标签下

2、卡怕具体配置在form_config.json下

详细配置信息可以参考：https://developer.harmonyos.com/cn/docs/documentation/doc-guides-V3/arkts-ui-widget-configuration-0000001502333060-V3

🦋2.3 卡片生命周期管理

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;   } }