HarmonyOS鸿蒙Next卡片开发-基础信息概述与配置

HarmonyOS鸿蒙Next卡片开发-基础信息概述与配置 一. 基本概念

原子化服务中每个便捷服务应有独立的图标、名称、描述、快照,这些称为便捷服务基础信息。

基础信息应能够准确反映便捷服务提供方的特征及便捷服务的核心体验。

便捷服务基础信息将展示在服务中心、搜索等界面。

当前支持配置基础信息的设备类型有:手机、平板、智能穿戴和智慧屏。

二. 基础配置

配置便捷服务的图标、名称、描述信息

在作为该便捷服务入口的HAP包的“config.json”配置文件中,为mainAbility配置图标(“icon”)、名称(“label”)、描述(“description”)。

其中,mainAbility的“label”标签是便捷服务对用户显示的名称,必须配置,且应以资源索引的方式配置,以支持多语言。不同HAP包的mainAbility的“label”要唯一,以免造成用户看到多个同名服务而无法区分。此外,“label”的命名应与服务内容强关联,能够通过显而易见的语义看出服务关键内容。

以下示例中:

  • “label”:在entry\src\main\resources\base\element\string.json中,定义便捷服务对用户显示的名称,然后config.json中以索引方式引用"label"。

  • “icon” :开发者将便捷服务的图标png文件放至entry\src\main\resources\base\media目录,然后config.json中以索引方式引用"icon"。

  • “description”:在entry\src\main\resources\base\element\string.json中,定义便捷服务简要描述,然后config.json中以索引方式引用"description",卡片与快照中定义便捷描述与其一致。

  • “服务卡片名”可以查看config.json文件的forms数组中的“name”字段。

配置便捷服务的快照

如前文所述,mainAbility中至少配置2*2(小尺寸)规格的默认服务卡片,该卡片对应的快照图,需要配置为便捷服务的快照入口,用于在服务中心显示。

配置方式:通过DevEco Studio工程向导创建Project Type为“Service”的新工程或在已有Project Type为“Service”的工程中添加新模块时,勾选“Show in Service Center”,则会同步创建一个2*2的默认服务卡片模板,同时还会创建该卡片对应的快照图。

工程创建完成后,会在工程目录下生成快照(EntryCard)目录。

在该目录下,每个拥有快照(EntryCard)的模块,都会生成一个和模块名相同的文件夹,同时还会默认生成一张2*2(小尺寸)的快照(一张png格式的图片)。

开发者可以将其替换为事先设计好的2*2快照,样式上应与对应的服务卡片保持一致:将新的快照拷贝到上图目录下,删除默认图片,新图片命名遵循格式“服务卡片名-2x2.png”。

本文主要参考HarmonyOS官方文档材料整理。


更多关于HarmonyOS鸿蒙Next卡片开发-基础信息概述与配置的实战教程也可以访问 https://www.itying.com/category-93-b0.html

8 回复

了解了666

更多关于HarmonyOS鸿蒙Next卡片开发-基础信息概述与配置的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


大佬,可否提供下你的sdk版本和IDE的版本? 我本地在config.json中,部分属性无法用资源引用的方式。

像name,description这种,我这边没法用$string这种引用方式。不知道为啥

我们的已经升级到最新版本了,不断在变化,你也升级一下呀。

膜拜技术大佬,收藏起来慢慢看

找的真的很累,没办法,想轻松就不入这行了

其实知识点都在文档里,只是懒得仔细翻而已…

是的,要去翻,要要自己跑,试一下才知道具体咋用。

HarmonyOS鸿蒙Next卡片开发基础信息概述与配置主要包括:

  • 卡片是轻量化的UI组件,用于在主屏幕或应用内展示关键信息。
  • 开发时需定义卡片的布局、样式和交互逻辑。
  • 配置步骤包括:
    • config.json中声明卡片类型和尺寸;
    • 创建卡片布局文件*.hml和样式文件*.css
    • 实现卡片逻辑的*.js文件;
    • manifest.json中注册卡片服务。

卡片支持动态更新和交互,提升用户体验。

回到顶部