模式 轻扫刷新

轻扫刷新

轻扫以刷新可以通过用户的操作或手势来手动刷新屏幕内容。

有两种方法可以更新应用内的内容:

  • 首选方法应当是自动更新内容,使用同步来保持应用内容自动更新。
  • 轻扫以刷新是一种轻扫手势,可以用在按最近更新排序的列表、网格列表、以及卡片集的开始位置。

手动刷新是对同步功能的补充。它可以保持当前的滚动位置,如在 Gmail 中检查新邮件时。

图标

刷新指示器用一个圆形旋转器来表示,它是一个圆形旋转的有弯曲箭头的图标。

位置

  • 轻扫以刷新手势可在内容集合的顶部或底部使用。
  • 刷新指示器的静止位置与被刷新的内容水平居中。

阈值

刷新指示器必须超过阈值后才会执行刷新,此阈值由圆形旋转器的改变不透明度、速度和转换来指示。

用法 展开或收起内容 当内容收起时,箭头向下,当内容展开时,箭头向上。

轻扫以刷新是一种轻扫手势,可以用在按最近更新排序的列表、网格列表、以及卡片集的开始位置(Index 0)。

最好把该手势和动态内容一起使用,也就是频繁的从同一位置刷新的内容,用户在使用该手势后看到新内容的几率很高。

刷新指示器

刷新指示器只有在执行刷新手势或操作时才会显示。同步时不会出现刷新指示器。

效果

如果刷新会更新大量内容,那么用户可能不会立刻看到效果。例如,刷新可能进行乱序删除、重新排序、修改、插入项目或仅改变离开屏幕的项目。

轻扫以刷新的动画

轻扫以刷新不应在以下情况下使用:

  • 抽屉导航
  • 桌面小部件
  • 可平移的内容

导航抽屉(如果有的话)应该包含导航的目标,而不是动态内容

桌面小部件应自动更新内容

可平移的内容(例如地图)并没有主要方向或内容的来源方向,用户无法推测出轻扫以刷新手势的方向。

定位 展开或收起内容 当内容收起时,箭头向下,当内容展开时,箭头向上。

手势定位

通常,轻扫手势可以在内容集合的顶部使用,但也可以用在底部(例如,在聊天应用中)。

刷新指示器静止位置

当刷新指示器静止时,与被刷新的内容水平居中。

刷新指示器活动位置

刷新指示器位于刷新内容的顶部附近。

可以对指示器的垂直位置进行调整,与内容布局保持协调。例如,指示器可以在材料边缘或网格线上,只要其位于内容的顶部附近即可。

行为 展开或收起内容 当内容收起时,箭头向下,当内容展开时,箭头向上。

当刷新指示器平移和/或缩放到视图中时,图形旋转器会在旋转时逐渐显示。

在刷新动作完成或新内容出现之前,或者用户离开此页面之前,刷新指示器都保持可见。

将刷新指示器保持在视图中, 直到活动完成,提供刷新状态的反馈。

如果刷新指示器在滚动时离开了屏幕,隐藏了刷新活动的状态,这可能意味着刷新动作和视图内的特定组件(例如卡片)相关联,而不是和整个视图相关联。

刷新指示器的转换

当另一个表面位于刷新内容的材料前面时,刷新指示器从该表面下方平移并被裁剪,直到其完全可见。 When another surface is in front of the material with refreshing content, the refresh indicator translates from underneath that surface and is clipped until it is fully visible.

在以下情况下刷新指示器会增加尺寸:

  • 刷新内容的海拔高度高于所有其他表面
  • 内容刷新是通过应用栏或弹出菜单操作执行的

刷新内容的海拔高度高于其他表面

刷新内容和另一个表面处于同一海拔

刷新内容在 Z 轴上低于另一个表面

通过应用栏的操作刷新内容

阈值要求

为了避免误操作,刷新指示器必须超过阈值才能刷新应用。此阈值由多个线索进行指示:

  • 圆形旋转器达到 100% 的不透明度。
  • 圆形旋转器的转速减慢。
  • 刷新指示器的平移速度减慢。

超过阈值后,抬起手指将执行刷新。

反方向滑动回到阈值范围后将取消刷新操作。