创建ArkTS卡片

创建卡片当前有两种入口：

• 创建工程时，选择Application，可以在创建工程后右键新建卡片。
• 创建工程时，选择Atomic Service（元服务），也可以在创建工程后右键新建卡片。

说明

基于不同版本的DevEco Studio，请以实际界面为准。

在已有的应用工程中，可以通过右键新建ArkTS卡片，具体的操作方式如下。

1. 右键新建卡片。

   

   说明

   在API 10及以上 Stage模型的工程中，在Service Widget菜单可直接选择创建动态或静态服务卡片。创建服务卡片后，也可以在卡片的[form_config.json配置文件]中，通过isDynamic参数修改卡片类型：isDynamic置空或赋值为“true”，则该卡片为[动态卡片]；isDynamic赋值为"false"，则该卡片为[静态卡片]。

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

   

3. 在选择卡片的开发语言类型（Language）时，选择ArkTS选项，然后单击“Finish”，即可完成ArkTS卡片创建。

   

   建议根据实际使用场景命名卡片名称，ArkTS卡片创建完成后，工程中会新增如下卡片相关文件：卡片生命周期管理文件（EntryFormAbility.ets）、卡片页面文件（WidgetCard.ets）和卡片配置文件（form_config.json）。

   

工程结构介绍

图1 ArkTS卡片工程目录、相关模块

• [FormExtensionAbility]：卡片扩展模块，提供卡片创建、销毁、刷新等生命周期回调。

• [FormExtensionContext]：FormExtensionAbility的上下文环境，提供FormExtensionAbility具有的接口和能力。

• [formProvider]：提供了获取卡片信息、更新卡片、设置卡片更新时间等能力。

• [formInfo]：提供了卡片信息和状态等相关类型和枚举。

• [formBindingData]：提供卡片数据绑定的能力，包括FormBindingData对象的创建、相关信息的描述。

• [页面布局（WidgetCard.ets）]：基于ArkUI提供卡片UI开发能力。

  • [ArkTS卡片通用能力]：提供了能在ArkTS卡片中使用的组件、属性和API。
  • [ArkTS卡片特有能力]：postCardAction用于卡片内部和提供方应用间的交互，仅在卡片中可以调用。

• [卡片配置]：包含FormExtensionAbility的配置和卡片的配置。

  • 在[module.json5配置文件]中的extensionAbilities标签下，配置FormExtensionAbility相关信息。
  • 在resources/base/profile/目录下的[form_config.json配置文件]中，配置卡片（WidgetCard.ets）相关信息。