如何开发HarmonyOS NEXT的服务卡片和动态卡片？

Question

如何开发HarmonyOS NEXT的服务卡片和动态卡片？

Answer 1

公豹你好，其实服务卡片是一种界面展示形式，‌将重要信息或操作前置到卡片上，‌以达到服务直达的目的，实际开发服务卡片包括选择合适的模板并修改布局、‌绑定卡片数据、‌响应卡片交互事件等步骤。；为了方便开发者快速构建卡片应用，‌IDE提供了多种类型的模板，‌你可以根据需要展示的信息类型灵活选择模板，‌快速构建服务卡片。

Answer 2

创建服务卡片

1. 选择开发语言

HarmonyOS支持使用ArkTS（基于TypeScript的声明式UI框架）和JS（类Web范式）进行服务卡片的开发。推荐在需要动态能力时使用ArkTS，而在静态展示场景下考虑使用JS。

2. 创建卡片模板

   在DevEco Studio中，可以通过右键菜单选择New -> Service Widget来创建一个新的服务卡片模板。
   选择合适的卡片模板，并根据需求修改布局和样式。HarmonyOS提供了多种模板供开发者选择，如多功能展示模板、联系人模板等。

3. 配置卡片属性

   在form_config.json文件中配置卡片的基本属性，如卡片名称、描述、支持的尺寸、是否支持定时刷新等。
   对于动态卡片，还需要配置事件响应逻辑，如按钮点击事件的处理。