滚动条

滚动条指示用户在大于可视区域的文档中的位置。用户可以通过上下移动窗口可视区域来浏览文档的其余部分。

用户可以通过触摸、旋转滚轮或触控板与滚动条交互。点击滚动条中的箭头可以逐页滚动内容,每次滚动的增量相当于屏幕的高度。但是,如果用户快速滑动滚动(取决于触摸屏的灵敏度),这种滑动动作可能会产生惯性,导致滚动超过一页。无论滚动是如何开始的,滚动操作都应该始终能够精准地定位到目标项目。

解剖学

滚动条由向上滚动和向下滚动的交互功能以及滚动进度指示器组成。滚动交互功能中使用箭头符号来指示滚动方向。滚动进度指示器是一个可选元素,它指示页面可见内容和滚动位置相对于页面总内容量的比例。

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

规格

滚动条位置,主导航栏堆叠,控制栏最小化

仅包含应用标题的滚动条位置

滚动条位置与应用标题栏和控制栏

滚动条位置与应用标题栏和展开的控制栏一起显示

滚动条位置与应用栏/标题栏和最小化控制栏

滚动条位置仅与应用栏/标题栏相关

滚动条位置与应用标题栏和控制栏

滚动条位置与应用标题栏和展开的控制栏一起显示

滚动条位置与较短的屏幕高度

可选的滚动进度指示器

款式

颜色

元素颜色(日间模式)颜色(夜间模式)
主图标 - 激活状态白色的白色 @ 88%
主图标 - 非活动状态白色 @ 56%白色 @ 50%
滚动进度指示器白色 @ 16%白色 @ 12%

浆纱

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

示例

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