本文介绍新的 Windows UI 进行轮换,并提供在 Windows 应用中使用此新交互机制时应考虑的用户体验指南。
重要 API: Windows.UI.Input、 Windows.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 度区域之一外部释放对象,该对象将保留在该位置;否则,对象会自动旋转到对齐点。
注意 用户界面栏是一项功能,其中目标周围的区域限制向某些特定值或位置移动以影响其选择。
|