鸿蒙分组列表(自绘示意)

HarmonyOS List (Schematic)

鸿蒙设置与内容页的分组列表:按华为设计规范要点自绘示意,非官方素材。

HarmonyOS 鸿蒙内容组织内容区组件

大白话说明

本条目为自绘示意 + 规范要点(鸿蒙官方资源未获书面许可,本站不打包):鸿蒙列表常用「卡片式分组」——每组是一个圆角卡片悬浮在浅色背景上,行间以细分隔线区隔;行结构与通用列表行一致(左配件 + 主副文案 + 右配件)。实现以 ArkUI 的 List/ListItem 与官方组件文档为准。

什么时候用

开发 HarmonyOS 应用的设置页、个人中心、内容列表时参考结构与要点。

什么时候不用

不要把本示意当官方设计文件;具体尺寸与组件行为以华为官方文档为准。

细节与变体

  • 示意图为本站自绘,仅表达结构与比例
  • 卡片式分组的组间距明显大于行间距,这是与通栏列表最大的观感差异
  • 左滑操作、吸顶组头等行为以 ArkUI 组件能力为准,示意不承诺实现细节

配套提示词(点开填空、复制)

参考实现(开源)

  • ArkUI(鸿蒙) ↗ Apache-2.0 · 免费(Apache-2.0)

    HarmonyOS 的官方 UI 框架底座(开源部分):做鸿蒙界面先看它,声明式写法与 ArkTS 配套。

  • HarmonyOS 设计指南(仅参考) ↗ NOASSERTION · 免费查阅(仅参考)

    鸿蒙官方设计指南:只读、只参考。官方资源在取得书面许可前不打包,本站鸿蒙条目为自绘示意 + 规范要点。

相关条目