滚动条指明文档中文档位置大于查看空间的用户位置。它们可让用户向上或向下移动窗口查看区域,以导航到文档的其余部分。
用户通过触摸、旋转轮或触控板与滚动条互动。点按滚动条中的箭头会将内容按“页”移动,也就是说,增量等同于屏幕的高度。不过,如果用户快速滑动可滚动(具体取决于触摸屏灵敏度),快速滑动可以产生惯性动量,使滚动的距离超过一个页面。无论启动方式如何,滚动动作应始终贴靠到某个项。
解剖学
滚动条由向上和向下滚动功能以及滚动进度指示器组成。V 形用于滚动显示内容,用于指示滚动方向。滚动进度指示器是一个可选元素,用于指示可见内容以及滚动位置相对于页面上内容的总数。
注意:滚动进度指示器不是可拖动的。

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

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

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

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

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

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

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

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

短屏幕高度的滚动条位置

可选的滚动进度指示器

样式
颜色
元素 | 颜色(日间模式) | 颜色(夜间模式) |
---|---|---|
主图标 - 有效状态 | White | 白色 @ 88% |
主图标 - 无效状态 | 白人 @ 56% | 白人 50% |
滚动进度指示器 | 白色 @ 16% | 白色 @ 12% |
尺寸
元素 | 大小 (dp) |
---|---|
主图标 | 44 |
触摸目标 | 76 |
滚动进度指示器宽度 | 6 |
圆角半径 (R4) | 全价票 |
示例



