旋转控件

项目
06/13/2023

注意

此设计指南是为 Windows 7 创建的，尚未针对较新版本的 Windows 进行更新。大部分指南原则上仍然适用，但演示和示例并不反映我们当前的设计指南。

使用旋转控件，用户可以单击箭头按钮以增量方式更改其关联的数值文本框中的值。术语“旋转框”是指文本框及其关联的旋转控件的组合。

旋转控件和文本框的屏幕截图

典型的旋转框。

用户通常更喜欢旋转控件，因为他们无需从鼠标上移动双手即可进行更改。当旋转控件与文本框配对时，用户可以直接在文本框中键入或粘贴输入，因此使用旋转控件是可选的。

虽然旋转控件用于数字输入，但输入不必是纯整数。输入可以是十进制数，并且可以具有负号、分隔符 (（如冒号或连字符) ）和单位修饰符。

注意

与文本框和布局相关的指南在单独的文章中提供。

这是正确的控件吗？

在决定之前，请考虑以下问题：

控件是否用于数字输入？ 如果没有，请使用另一个控件（如下拉列表或滑块）从一组固定值中进行选择。使用滚动条进行滚动。
用户是否将该值视为相对数量，而不是数值？ 如果是，请改用滑块。仅对确切的已知数值使用旋转框。例如，用户考虑将其音量设置为低或中—而不是考虑将该值设置为 2 或 5。
控件是否与文本框配对？ 如果没有，请不要使用。旋转控件不应单独使用，也不应与文本框以外的其他类型的控件一起使用。

不正确：

在此示例中，旋转控件用于控制动态图形。
连续值范围是否有效？ 如果没有，请改用有效值的下拉列表。

在此示例中，并非所有磁盘驱动器编号都有效，因此下拉列表是更好的选择。
使用旋转控件是否实用？ 使用旋转控件适用于：
- 输入一个较小的数字，通常小于 100。
- 对现有值或默认值进行少量更改。
虽然旋转控件可用于任何数字输入，但它们在上述情况中效率低下。
旋转控件是否有帮助？ 控件是否在用户可能正在使用其鼠标的上下文中使用？如果没有，请考虑可选的旋转控件。
同级控件是否为下拉列表？ 如果存在其他下拉列表，请考虑使用下拉列表保持一致性。

在此示例中，可以使用旋转框，但使用下拉列表实现一致性。
触摸或笔用户是否是主要目标？ 如果是这样，请考虑改用下拉列表。旋转控件中的箭头按钮太小，无法通过触摸或笔高效使用。

如果可以使用滑块或旋转框，请在以下情况下使用旋转框：

屏幕空间紧凑。
用户可能更喜欢使用键盘。

在以下情况下使用滑块：

用户将获得即时反馈所带来的好处。

准则

常规

只要旋转控件实用且有用，就使用它们。 请参阅这是正确的控件吗？
- 例外： 若要与相同用户界面上的其他文本框 (UI) 保持一致，请使用旋转控件，即使它们并不总是可行。
正确：

在此示例中，旋转控件与年份控件一起使用，以确保一致性，即使它并不总是可行。

不正确：

在此示例中，旋转控件不可用。
始终使旋转控件成为文本框的“伙伴”。 这样做会将旋转控件置于文本框内。

正确：

不正确：

在正确的示例中，旋转控件放置在其关联的文本框中。
禁用自旋控件的关联文本框时禁用该控件。 自旋控件是一种补充输入法，绝不是唯一的输入法。

值

定义顶部按钮以将值增加一个单位，定义底部按钮以减小一个单位。 通常，单位为 1，但它应该是值的最小常见变化。理想情况下，旋转控件应涵盖所有有效值，并且它应该比在文本中键入更方便。

在此示例中，单击旋转控件会将值更改为 0.1，这是值中最小的常见更改。使用较小的单位将涵盖有效值的范围，但会使旋转控件不可用。
使用旋转控件将输入限制为有效值。 使用旋转控件不应导致不正确的值。
在有效值范围的末尾，重启该区域。 旋转控件比喻是用户旋转一个轮值，因此这种类似于滚轮的行为。
- 例外： 如果生成的值肯定不正确，请不要重启范围。
  
  在此示例中，单击向下箭头按钮不会通过转到最大值) 来重启 (范围，因为该值肯定不正确。
使用文本而不是特殊数值。 允许用户旋转到这些特殊值，而不必知道它们并键入它们。

在此示例中，Never 是一个特殊值，但用户可以旋转它。
如果值具有分隔符，则关联的文本框应具有多个输入焦点。 这样做可以单独操作数字段。

在此示例中，旋转控件影响小时、分钟、秒和 A.M./P.M.M 的值，以具有焦点的为准。
如果值具有单位，则也可以使用旋转控件来更改这些单位。

在此示例中，旋转控件可用于更改单位。