harmony 鸿蒙创建ArkTS卡片

  • 2025-06-12
  • 浏览 (6)

创建ArkTS卡片

创建ArkTS卡片

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

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

WidgetCreateProject >说明: > >基于不同版本的DevEco Studio,请以实际界面为准。

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

  1. 右键新建卡片。
    WidgetProjectCreate1 >说明: > >在API 10及以上 Stage模型的工程中,在Service Widget菜单可直接选择创建动态或静态服务卡片。创建服务卡片后,也可以在卡片的form_config.json配置文件中,通过isDynamic参数修改卡片类型:isDynamic置空或赋值为“true”,则该卡片为动态卡片;isDynamic赋值为”false”,则该卡片为静态卡片

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

  3. 在选择卡片的开发语言类型(Language)时,选择ArkTS选项。选择卡片支持的外观规格(Support dimension)时,选择期望的卡片尺寸,再选择默认的外观规格(Default dimension)。详细的卡片外观规格,可参考form_config.json配置文件,后续也可以在form_config.json配置文件中修改卡片规格。然后单击“Finish”,即可完成ArkTS卡片创建。
    WidgetProjectCreate3

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

工程结构介绍

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

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

  • FormExtensionContext:FormExtensionAbility的上下文环境,提供FormExtensionAbility具有的接口和能力。

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

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

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

  • 页面布局(WidgetCard.ets):基于ArkUI提供卡片UI开发能力。

  • 卡片配置:包含FormExtensionAbility的配置和卡片的配置。

你可能感兴趣的鸿蒙文章

harmony 鸿蒙Form Kit(卡片开发服务)

harmony 鸿蒙ArkTS卡片概述

harmony 鸿蒙趣味交互类型互动卡片开发指导

harmony 鸿蒙互动卡片概述

harmony 鸿蒙场景动效类型互动卡片开发指导(系统应用)

harmony 鸿蒙场景动效类型互动卡片开发指导

harmony 鸿蒙场景动效类型互动卡片概述

harmony 鸿蒙ArkTS卡片主动刷新

harmony 鸿蒙配置卡片的配置文件

harmony 鸿蒙卡片使用方主动请求刷新卡片内容(仅对系统应用开放)

0  赞