旋转

本文介绍新的 Windows UI 进行轮换,并提供在 Windows 应用中使用此新交互机制时应考虑的用户体验指南。

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

宜忌事项

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

其他使用指南

轮换概述

旋转是 Windows 应用用来使用户能够以圆形方向(顺时针或逆时针)旋转对象的触摸优化技术。

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

  • 使用鼠标或主动笔/触笔移动所选对象的旋转手柄。
  • 请使用触摸或被动式笔/触控笔,应用旋转手势使对象朝所需方向旋转。

何时使用旋转

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

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

注意 直观地,在大多数情况下,旋转点是两个触摸点之一,除非用户可以指定与接触点无关的旋转点(例如,在绘图或布局应用程序中)。 下列图像展示了如果不通过这种方式约束旋转点,用户体验可能会如何降低质量。

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

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

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

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

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

 

Windows 10 支持三种类型的旋转:自由、约束和组合。

类型 Description
自由旋转

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

受约束的旋转

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

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

组合旋转

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

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

Samples

档案样本