滚动条

滚动条指明文档中文档位置大于查看空间的用户位置。它们可让用户向上或向下移动窗口查看区域,以导航到文档的其余部分。

用户通过触摸、旋转轮或触控板与滚动条互动。点按滚动条中的箭头会将内容按“页”移动,也就是说,增量等同于屏幕的高度。不过,如果用户快速滑动可滚动(具体取决于触摸屏灵敏度),快速滑动可以产生惯性动量,使滚动的距离超过一个页面。无论启动方式如何,滚动动作应始终贴靠到某个项。


解剖学

滚动条由向上和向下滚动功能以及滚动进度指示器组成。V 形用于滚动显示内容,用于指示滚动方向。滚动进度指示器是一个可选元素,用于指示可见内容以及滚动位置相对于页面上内容的总数。

注意:滚动进度指示器不是可拖动的。

1. 向上滚动的方式(停用状态)
2. 滚动进度指示器
3. 向下滚动功能

规格

包含堆叠主导航栏和最小化控件栏的滚动条位置

只有应用标题的滚动条位置

带有应用标题和控制栏的滚动条位置

带有应用标题和展开的控制栏的滚动条位置

带有应用栏/页眉和最小化控件栏的滚动条位置

只有应用栏/标题的滚动条位置

带有应用标题和控制栏的滚动条位置

带有应用标题和展开的控制栏的滚动条位置

短屏幕高度的滚动条位置

可选的滚动进度指示器


样式

颜色

元素 颜色(日间模式) 颜色(夜间模式)
主图标 - 有效状态 White 白色 @ 88%
主图标 - 无效状态 白人 @ 56% 白人 50%
滚动进度指示器 白色 @ 16% 白色 @ 12%

尺寸

元素 大小 (dp)
主图标 44
触摸目标 76
滚动进度指示器宽度 6
圆角半径 (R4) 全价票

示例

网格内容视图中的滚动条
列表内容视图中的滚动条,带有滚动进度指示器
网格内容视图中的滚动条
列表内容视图中的滚动条