#我是一个可爱的搬砖工系列# 尝试对照英文翻译学习MD的组件设计，借此加深各种组件的应用~
Material Design链接：Material Design——Dividers
分隔符是一条细线，用于对列表和布局中的内容进行分组。
一、用法
分隔符将内容分成清晰的组。
△ 原则
· 细小的 分隔符在布局中应该是明显的，但不是刺眼的
· 次要的 只有在使用空格不能分隔元素时才应使用分隔符
· 稀疏的 谨慎使用分隔线来创建分组而不是单独的项目
△ 类型
左：全屏分割线—— 将内容分成多个部分并跨越布局的整个长度 ；右： 插入分隔线 ——插入分隔符分隔相关内容，由与应用栏标题对齐的元素瞄准。
左：中间分割线——中间分隔符与空间相关的内容，并以布局或列表为中心 ；右：分隔符可以与子标题配对，以帮助定义内容分组。
二、分类
△ 全屏分割线
全屏分割线分隔部分的内容, 如:
· 分隔列表和布局元素
· 指示元素可扩展的位置
左：当列表没有锚定元素 (如图标) 时, 间距可能不足以分隔内容。全屏分隔线可以帮助分隔单个平铺；右： 导航抽屉中的全屏分割线。
△ 插入分割线
嵌入分割线分离相关内容，例如电子邮件线程中的电子邮件。它们应该与锚定元素一起使用，如图标，并与应用程序栏标题左对齐。
左：插入分割线；右： 当有锚定元素(如图标)时，使用插入分割线。
左：选用插入分割线进行分组；右： 不要用插入分割线分割单独个体。
△ 中间分割线
分割线也可以放置在布局的中间。它们最适合于分离相关内容，例如收据上的价格。
左：中间分割线上方嵌入标题；右：全屏分割线上方嵌入标题。
△ 带标题的分割线
分割线可以与子标题配对，以识别分组内容。在子标题上方放置分割线，以加强子标题与内容的连接。
左：中间分割线上方嵌入标题；右：全屏分割线上方嵌入标题。
END.THANKS FOR YOUR READING~
如有不当，还请多多指教~
网友评论