手势

交互手势分为触摸方式（手指在屏幕上的动作）触摸动作（在特殊情境下使用特定的手势来操作）

这是因为接触操作（触摸）根据使用情境的不同，可能会有不同的情况（轻击、取消、启用/关闭），而一个触摸动作（放大）也可以通过多次接触来完成（捏放、双击、双击拖移等等）

注意：拖移、滑动和抛掷这些手势依据使用情境会产生不同的效果。

触摸方式

触摸方式：用户在屏幕上如何使用手指操作。

触摸

单根手指按下，拿起

案例：选择

双击

两根手指按下，拿起 / 一根手指按下,拿起

案例：放大

拖拽/滑动/抛掷

一根手指按下后移动，拿起

长按

一根手指按下,等待，拿起

案例：选中一个元素，比如列表中的一个项目

长按不用于显示情境菜单。

长按拖移

一根手指按下，等待，移动，拿起

案例：拿起移动/选中多个项目

双击拖移

按下，拿起，按下，拖移，拿起

案例：放大/缩小

捏放

两根手指按下，向外移动，拿起

案例：放大

捏合

两根手指按下，向内移动，拿起

案例：缩小

双指触摸

两根手指按下，拿起

案例：缩小

双指拖移，滑动，抛掷

两只手指按下，移动，拿起

案例：选中多个项目/转动视角

双指长按

两根手指按下，等待，拿起

案例：暂无

两指长按拖移

两指按下，等待，移动，拿起

案例：拿起后移动

双指双击

两指按下，拿起，按下，拿起

案例：缩小

旋转

双指按下，在屏幕上旋转，拿起

案例：旋转内容，比如地图

————————————————————————————————————————————————————

触摸动作

根据特定情境下使用特定的手势进行操作

轻击

激活屏幕内的元素，像是一个按钮

触摸动作：触摸

取消或者退出

取消或退出当前的任务，比如对话框、菜单

触摸动作：触摸

启用/关闭状态

隐藏或显示Chrome窗口

触摸动作：触摸

拖移/滑动/抛掷

请阅读文章的下半部分来详细区别滚动，滚动显示，拖移（慢速运动），解除，滑动刷新，侧滑，分页滑动，滑出消除，菜单打开和倾斜的不同

触摸动作：拖移/滑动/抛掷

内容选中（当没有任何内容被选中时）

选中一个单独的元素

触摸动作：长按/双指触摸

内容选中（当已经有内容被选中时）

在选择模式下选择额外的内容，可以使用多种动作组合。

触摸动作：触摸/双指触摸

多项内容选中拖移

通过手势启动选择框，手指可以调整宽度和高度。最后选中的范围基于手指拿起时选定的范围。

触摸动作：双指滑动或拖移/当没有内容被选中时，长按拖移

拿起和移动

用户修改选中的单个项目或项目群，可以用在：

·重新排列视图

·将一个项目放入容器中（译者注：类似将程序放入文件夹中）或者目标上

·重新排列项目在列表中的位置或收藏夹

触摸动作：双指长按拖移/长按拖移选中项目

放大

将内容的尺寸放大

触摸动作：

双击

双击拖移（向下）

捏放（向外）

缩放至合适

对于窗口内的内容，缩放至合适窗口

触摸动作：双击

缩小

缩小内容

触摸动作：

在最大化时双击

双击后拖移（向上）

捏合（向内）

双指触摸

双指双击

展开

展开折叠的内容

触摸动作：捏放（向外）

折叠

将展开的内容折叠

触摸动作：捏合（向内）

旋转

旋转目标内容

触摸动作：旋转

————————————————————————————————————————————————————

拖移，滑动和抛掷

由于滑动手势受具体的使用情境影响较大，故本节介绍一些主要的滑动手势和他们之间的区别

手势的速度（从低到高）是拖移，滑动和抛掷之间最大的区别，根据不同的使用情境，可能会造成不同的结果：

拖移：精确手势，目的性更明确，通常是控制屏幕上的一个目标

滑动：模糊手势，快速，通常不限定在屏幕上一个特别的目标。

抛掷：模糊手势，屏幕上没有特定目标

滑动与抛掷的区别就在于速度和操作是否有超过设定的数值。

一般来说，手势动作的速度有一定的范围，来监听用户是否取消操作：拖拽操作当用户将手指拉回时则会取消操作；而如果是抛掷动作，会在手指速度达到一定值时激活，防止取消操作。

滚动

在内容内垂直或水平滑动。

滚动的距离基于手势的速度：拖动（慢）、滑动、抛掷（快）

一般来说：

·滚动的方向与手势是相反的

·适用于内容尺寸为100%时 

滑动显示

随着内容页面的滚动，窗口显示额外的内容，比如向上滚动Chrome显示网址栏。

通过滚动自然方向，来恢复原先的状态。

拖移（慢速运动）

1到2根手指全方面的滚动

通常用于：

·无限的内容（地图类）

·使用双指进行操作（双指捏合放大缩小或旋转）比如在地图上使用双指进行操作。

双指拖移手势控制视角上下变化。

拖移就是典型使用拖移手势进行操作。

延续抛掷手势，将会使内容随着原先的轨迹继续运动。

解除

通常设置在列表中单独一项的滑动操作上

垂直方向滚动查看

手势通常是在同一水平高度的水平方向

解除动作是基于一定的动作范围来激活。

滑动刷新

通常是在列表中或者界面边缘执行滑动操作激活

方向一般是垂直向下的

边缘滑动

从屏幕外部滑动，显示相关的其他内容，简单来说就是将内容分开，通过不同的样式展现。

通常如果边缘滑动没有定义，默认情况下从边缘滑动的手势作为翻页滑动

边缘滑动同样也是基于一定的动作范围来激活

翻页滑动

在屏幕内容上滑动，转向余下的内容

不要在使用翻页滑动时同时给滑动手势加入滑动操作标签（Swipeable），每一次手势操作翻动一个页面/标签。

在页面比例大于100%时，在内容上执行pan可能是查看额外的内容或一个额外的页面

参见：边缘折叠

翻页滑动基于一定的监听范围

边缘折叠

用于在子层级结构中的显示导航

从顶部或底部滚动出导航或相关内容

同样侧边折叠也有一定的监听范围

打开菜单

从菜单或者选项中拖拽出现菜单内容，菜单出现后突出显示菜单项。

菜单也可以通过触摸后出现

该动作可以通过拖拽激活

Tilt

通常用于在3D内容上前进和后退

适用于两指操作手势（比如两指缩放或旋转）比如在地图中的应用，通过两指操控来平移。

通常是和拖拽相配合。