滚动技术

标准应用栏

规格：

标准应用栏高度在手机上为 56dp，在更大屏幕上为 64dp。

应用栏有两种滚动选项：

1. 应用栏可以与内容一起滚动隐藏，并在用户反向滚动时返回
2. 应用栏可以固定在顶部，内容在其下方滚动

含选项卡的应用栏

标准应用栏组件可以包含以下区域：工具栏、选项卡栏、弹性区域。

选项卡可以具有以下行为之一：

1. 当工具栏滚动隐藏时，选项卡栏可以固定在顶部
2. 应用栏始终固定在顶部，内容在其下方滚动
3. 工具栏和选项卡栏都会随内容一起滚动隐藏。选项卡栏在反向滚动时返回，工具栏在完全反向滚动后返回

弹性区域

由于应用栏具有弹性，它可以扩展以容纳更大的排版或图片。要扩展应用栏，请添加弹性区域。

弹性区域可以通过以下两种方式之一显示：

1. 弹性区域缩小直到仅显示工具栏。标题在导航栏中缩小到 20sp。滚动到页面顶部时，弹性区域和标题再次增大到原位。
2. 整个应用栏滚动隐藏。当用户反向滚动时，工具栏返回并固定在顶部。当完全反向滚动时，弹性区域和标题再次增大到原位。

含图片的弹性区域

使用弹性区域来容纳应用栏中具有所需宽高比的图片。

在此示例中，宽高比为 4:3。滚动时，内容向上推动图片，从而缩小弹性区域。转换结束时，图片会被主色调染色，且与滚动无关。

具有重叠内容的弹性区域

内容可以与应用栏重叠。

应用栏有两种滚动选项：

• 应用栏最初位于内容后面。向上滚动时，应用栏应比内容滚动更快，直到内容不再重叠。一旦固定在位置，应用栏就会抬升，使内容在其下方滚动。

• 应用栏可以与内容一起滚动隐藏，并在用户反向滚动时返回

在此交互中，应用栏不能包含选项卡栏。