滚动条指示用户在大于可视区域的文档中的位置。用户可以通过上下移动窗口可视区域来浏览文档的其余部分。
用户可以通过触摸、旋转滚轮或触控板与滚动条交互。点击滚动条中的箭头可以逐页滚动内容,每次滚动的增量相当于屏幕的高度。但是,如果用户快速滑动滚动(取决于触摸屏的灵敏度),这种滑动动作可能会产生惯性,导致滚动超过一页。无论滚动是如何开始的,滚动操作都应该始终能够精准地定位到目标项目。
解剖学
滚动条由向上滚动和向下滚动的交互功能以及滚动进度指示器组成。滚动交互功能中使用箭头符号来指示滚动方向。滚动进度指示器是一个可选元素,它指示页面可见内容和滚动位置相对于页面总内容量的比例。

2. 滚动进度指示器
3. 向下滚动功能
规格
滚动条位置,主导航栏堆叠,控制栏最小化

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

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

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

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

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

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

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

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

可选的滚动进度指示器

款式
颜色
| 元素 | 颜色(日间模式) | 颜色(夜间模式) |
|---|---|---|
| 主图标 - 激活状态 | 白色的 | 白色 @ 88% |
| 主图标 - 非活动状态 | 白色 @ 56% | 白色 @ 50% |
| 滚动进度指示器 | 白色 @ 16% | 白色 @ 12% |
浆纱
| 元素 | 大小(dp) |
|---|---|
| 主图标 | 44 |
| 触摸目标 | 76 |
| 滚动进度指示器宽度 | 6 |
| 圆角半径(R4) | 满的 |
示例



