【愚公系列】2024年12月 HarmonyOS教学课程 045-Stage模型（服务卡片的模块和创建）

2401_84520118

649人浏览 · 2024-05-13 10:43:09

2401_84520118 · 2024-05-13 10:43:09 发布

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化资料的朋友，可以点击这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

在这里插入图片描述

名称	内容
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下

详细配置信息可以参考：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;
  }
}

在这里插入图片描述