分隔器

可用于列表或界面布局。使用分隔器包含两种类型：分隔条和分隔线。

分隔条用来将界面进行分组。分隔条可以和子标题一起使用，通过子标题告诉用户分组的内容是什么，子标题位于分隔条下方。

分隔线用来将界面元素隔开，使单个元素更加容易识别。

类型

如何使用

分隔条

分隔页面中不同类型的内容

界面内容直接显示

分隔条不能放在界面内容最上方

分隔线

分隔一组列表项。

列表上方第一行和最后一行下方不加分隔线。

最后一行下方不加分隔线

起始位置

列表左边有图标元素时，分隔线从图标元素之后开始，例如小图标、头像等。因为图标元素本身就能很好的区隔，无需重复。

左边无图标元素

左边有图标元素

视觉规则

主题样式

分隔条

浅色主题

深色主题

半透明主题

分隔线

浅色主题

深色主题

半透明主题

开发指南，详见 divider (JS) 和 Divider (ArkTS) 。