滚动技术

标准应用栏

规格：

标准应用栏在手机上为 56dp，在更大屏幕的设备上为 64dp。

应用栏有两个滚动选项：

1. 应用栏可以和内容一起滚动离开屏幕，并在用户反向滚动时重新回到屏幕
2. 应用栏可以固定在屏幕顶部，内容可以在其下方滚动

含选项卡的应用栏

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

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

1. 当滚动时，工具栏离开屏幕时，选项卡栏可以固定在屏幕顶部
2. 应用栏始终固定在屏幕顶部，内容在应用栏下方滚动
3. 工具栏和选项卡栏都会随着内容一起滚动离开屏幕。选项卡栏会在反向滚动时重新回到屏幕，工具栏会在完成反向滚动后回到屏幕

弹性区域

因为应用栏是弹性的，它可以扩展以适应更大的排版或图片。要扩展应用栏，请添加一个弹性区域块。

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

1. 弹性区域缩小直到只有工具栏处于显示状态。标题在导航栏中缩小到 20sp。当滚动到页面顶部时，弹性区域和标题再次增大到原来位置。
2. 整个应用栏滚动离开屏幕。当用户反向滚动时，工具栏回到屏幕并固定到屏幕顶部。当一直反向滚动时，弹性区域和标题会再次增大到原来位置。

含图片的弹性区域

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

在此示例中，宽高比是 4:3。滚动时，内容向上推动图片，缩小了弹性区域。在转换结束时，图片变成了应用的主色，且与滚动无关了。

具有重叠内容的弹性区域

内容可以与应用栏重叠。

应用栏有两个滚动选项：

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

• 应用栏可以和内容一起滚动离开屏幕，并在用户反向滚动时返回。

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