Question

说我有一些用户可以切换的状态，例如 [ON] | [OFF] 。

通常，我使用ONE开关（BUTTON），当事物 ON 时，用户会看到：

LIGHT [ON]

当 OFF 时，他们会看到

LIGHT [OFF]

我的问题是：是否应该点击 [ON] 来点亮 [OFF] ？

是显而易见的（合理的）

你是怎么做到的？任何想法或想法都会受到赞赏。

Answer 1

我会使用标签和按钮来显示动作。

灯亮 - 关闭？

单击该按钮会将标签和按钮更改为：

指示灯熄灭 - 开机？

此解决方案清楚地说明了状态和可用的操作。

Answer 2

如果清晰度是您关注的话，我肯定会包含类似复选框的控件的概念。这是一个被广泛接受的界面组件，大多数人都了解。

在任何情况下，您都可以使整行可点击，以便在我单击文本时切换（就像HTML Label元素一样）。

显示一个只有文字“ON”的按钮可能会使用户感到困惑，无论是否打开灯光，或者当前状态是否为“开启”。

Answer 3

图像说千言万语......

根据应用程序的类型，显示可以单击的灯光开关图像设置字段的状态可能更直观？

然后你可以有一个灯泡和灯泡关闭图像来显示状态。

不是每个人都知道复选框是什么;）

Answer 4

你可以使用无线电盒，它们是相当标准的控件，不应该让大多数人感到困惑。

<input type="radio">Light on<br>
<input type="radio">Light off

另一种选择是尝试实现某种切换按钮，就像在iPhone上使用的那样：