一、概览（Overview）
分隔线是用于在列表或其他容器中对内容进行分组的细线元素，它的作用是帮助用户更清楚地识别信息层次，而不是单纯用来“划开”。
1. 应用原则
- 让分隔线可见但不过于醒目。
- 仅当无法通过留白（open space）进行分组时，才使用分隔线。
- 使用分隔线的目的是分组内容（group things），而不是单独隔开每一项。
示例中，分隔线用于将列表项分组显示
2. 与 M2 的差异
新增了颜色映射规则（color mappings），并支持与动态色彩（dynamic color）系统兼容，这意味着分隔线的颜色会随主题动态适配，保证对比度与层级一致性。
分隔线采用了全新的颜色映射规则，以更好地支持动态主题和跨模式一致性
新增了垂直分隔线（vertical dividers）的支持，除了传统的横向分隔，M3 中的 Divider 也能在卡片、面板或表格中用于纵向分隔内容。
二、规格（Specs）
① 分割线
1. 颜色
颜色值通过设计语义变量（Design Tokens）来实现，在设计阶段，这意味着这意味着你使用的颜色应当与相应的设计变量保持一致。在开发阶段，这些颜色会通过设计变量引用具体的数值或主题色。了解更多关于设计语义变量（Design Tokens）的内容
浅色与深色背景下的分隔线效果对比示意图。① Outline variant（轮廓变体色）
2. 尺寸规范
分隔线的尺寸规格说明
| 属性（Attribute） | 值（Value） |
|---|---|
| Divider full-width（全宽分隔线） | 100% |
| Divider inset left margin（内嵌型左边距） | 16dp |
| Divider inset right margin（内嵌型右边距） | 0dp |
| Divider middle-inset left margin（中间内嵌型左边距） | 16dp |
| Divider middle-inset right margin（中间内嵌型右边距） | 16dp |
| Space between divider & supporting text（分隔线与辅助文字的间距） | 4dp |
| Divider right margin（右边距） | 8dp |
| Divider bottom margin（底边距） | 8dp |
三、设计规范（Guidelines）
全宽分隔线（Full-width dividers）
1. 用法
分隔线是一种在视觉上组织组件与建立层级关系的方式，也可用于暗示父级与子级内容的层级结构。如下图所示收件箱应用使用全宽分隔线将消息列表区分开，音乐应用使用内嵌分隔线将播放列表中的歌曲分组显示。
