手势

滚动

滚动是在内容区域内沿单一方向进行的水平或垂直滑动。

用法

• 滚动的量取决于手势的速度：拖拽（慢） vs. 滑动 vs. 甩动（快）。
• 内容滚动的速度应与手势速度保持一致。内容应跟随手指移动，提供直接的操控感。

滚动时显示

滚动时显示意味着在内容区域内反向滚动会显示应用内的隐藏元素。例如，在 Chrome 中向上滚动会出现地址栏。要隐藏这些元素，恢复原来的滚动方向即可。

平移

平移是全方向的单指或双指手势，用来扩展视野。拖拽通常和平移同时使用。使用甩动时，内容会沿着甩动的方向以甩动的速度平移。

平移适用于：

• 没有边界的内容（地图）
• 内容尺寸超出屏幕视口（例如放大查看网页或图片时）

双指平移是从另一个双指手势过渡过来的（例如：双指缩放或旋转），例如在地图中。如果手势是以双指平移开始的，那么它就会导致倾斜。

移除

移除手势源自可滑动的元素，例如列表项或卡片，移除方向和滚动方向垂直。

手势通常是水平的。

只有当手势超过临界点后，才会执行移除操作。

下拉刷新

下拉刷新通常发生在一个垂直向下的拖拽中。它可用于列表顶部，或任何会出现新内容的卡片或容器边缘。

边缘滑动

边缘滑动手势从屏幕外侧开始，用于显示屏幕外的内容。边缘滑动可用于显示独立于当前视图的内容。

如果没有定义边缘滑动手势，边缘滑动通常默认执行翻页滑动操作。

只有越过临界点后边缘滑动才会被执行。

翻页滑动

翻页滑动是在屏幕上，内容内部的滑动，用于显示屏幕之外的内容。每次翻页滑动都会切换一个页面、或一个选项卡。

如果分页内容缩放比例超过 100%，在内容内部滑动会先平移到内容边缘；到边缘后再滑动一次才会翻页。

滑动翻页只有越过临界点后才会执行。

当页面内有个别元素可滑动时，不应使用滑动翻页手势。

参考下文：滚动折叠

滚动折叠

滚动折叠通过在滚动的内容顶部或底部使用滑动翻页，来回到内容结构的上一级。

滚动折叠手势只有在越过临界点后才会执行。

菜单打开

在菜单或选择器上拖拽会出现菜单。手指抬起后，高亮的菜单项会被选中。

菜单也可以通过触摸打开。

拖拽也可以用于菜单打开。

倾斜

倾斜会使 3D 内容向前或向后转动。

如果从另一个双指手势（如捏合或旋转）过渡而来，例如在地图中，会导致出现双指平移。

拖拽也可以用于倾斜。