旋转

本文介绍用于旋转的全新 Windows UI,并提供在 Windows 应用中使用这个新交互机制时应该考虑的用户体验指南。

重要 APIWindows.UI.InputWindows.UI.Xaml.Input

准则

  • 使用旋转帮助用户直接轮换 UI 元素。

其他使用指南

轮换概述

旋转是 Windows 应用使用的一种触摸优化技术,允许用户以环形方向(顺时针或逆时针)旋转对象。

根据输入设备的不同,使用以下命令执行旋转交互:

  • 鼠标或活动笔/触笔移动所选对象的旋转手柄。
  • 触摸或被动笔/触笔,使用旋转手势以所需方向旋转对象。

何时使用旋转

使用旋转帮助用户直接轮换 UI 元素。 下图显示了旋转交互支持的一些手指位置。

演示旋转支持的各种手指姿势的示意图。

注意 从直观上来说,多数情况下,旋转点是两个触摸点之一,除非用户指定与接触点无关的旋转点(例如在绘图或布局应用程序中)。 下图演示了在旋转点不受约束的情况下如何降级用户体验。

第一张图片显示初始(拇指)和辅助(食指)触摸点:食指触摸树,拇指触摸日志。

显示旋转手势的两个初始触摸点的图像。 在此第二张图片中,围绕初始(拇指)触摸点执行旋转。 旋转后,食指仍在触摸树干,拇指仍在触摸日志(旋转点)。

显示旋转的图片的图像,旋转点限制为两个初始触摸点之一。 在此第三张图片中,旋转中心已由应用程序(或由用户设置)定义为图片的中心点。 旋转后,由于图片未围绕其中一根手指旋转,因此直接操作的错觉会断开(除非用户选择了此设置)。

显示旋转的图片的图像,旋转点限制为图片中心,而不是两个初始触摸点之一。 在此最后一张图片中,旋转中心由应用程序(或用户设置)定义为图片左边缘中间的一个点。 同样,除非用户选择了此设置,否则在这种情况下,直接操作的错觉会中断。

显示旋转的图片的图像,旋转点限制为图片最左侧的中心,而不是两个初始触摸点之一。

 

Windows 10 支持三种类型的旋转:自由、受限以及组合。

类型 描述
自由旋转

自由旋转使用户能够在 360 度弧度的任何位置自由旋转内容。当用户释放对象时,该对象将保留在所选位置。 免费旋转对于绘制和布局应用程序(如 Microsoft PowerPoint、Word、Visio 和 Paint)非常有用;和 Adobe Photoshop、插画家和 Flash。

受约束的旋转

受约束的旋转在操作期间支持自由旋转,但在释放时强制使用 90 度增量(0、90、180 和 270)的对齐点。 当用户释放对象时,该对象会自动旋转到最近的对齐点。

约束旋转是最常见的旋转方法,它的工作方式与滚动内容类似。 对齐点使用户不精确,仍然实现其目标。 约束的旋转对于 Web 浏览器和相册等应用程序非常有用。

组合旋转

组合旋转支持在受限旋转强制实施的 90 度对齐点的每个区域(类似于平移指南中的轨道)自由旋转。 如果用户在 90 度区域之一外部释放对象,该对象将保留在该位置;否则,对象会自动旋转到对齐点。

注意 用户界面围栏是目标周围的某个区域限制向特定值或位置的移动,从而影响其选择的一项功能。
 

示例

存档示例