复选框-Axure教程

在用户输入表单中，复选框为用户提供了一个二元选择。复选框可用于单个选择，例如是否订阅时事通讯，或者在一组选项中选择其中几个，例如从“你喜欢的栏目”中进行选择。

复选框元件位于默认元件库的“表单”部分。

框大小和对齐方式

在样式窗格的按钮部分，您可以使用尺寸字段来设置复选框的框部分的宽度和高度。

默认情况下，复选框的框部分在左侧，标签文本在右侧。要交换顺序以使文本在左侧而框在右侧，请使用“尺寸”字段右侧的“对齐”图标。

编辑标签文本

您可以通过以下任何选项编辑复选框标签上的文本：

• 双击复选框标签进入文本编辑模式

• 选中复选框标签并按下ENTER进入文本编辑模式

• 右键单击复选框标签，然后在上下文菜单中选择“编辑文本”

• 选择复选框标签并开始输入。（此选项仅在您禁用了单键快捷键时可用）

特殊属性

默认选中

默认情况下，当页面首次在 Web 浏览器中加载时，复选框开始处于未选中状态。

要让复选框默认选中，请选中该复选框并在画布上单击其框。

您还可以在“交互”窗格中勾选“选中”选项。

禁用

禁用复选框可防止用户在 Web 浏览器中与其交互。这也会激活元件的禁用样式效果，使其显示为灰色。

有两种方法可以禁用元件：

• 选中交互窗格底部的禁用复选框。

• 使用启用/禁用动作在 Web 浏览器中动态禁用元件。您可以在任何交互中执行此操作，例如在页面加载或单击按钮时。

特殊交互

选中和取消选中复选框

在 Web 浏览器中，您可以单击复选框来选中和取消选中它。

您还可以使用设置选中动作动态地选中和取消选中复选框。“True”选项选中该复选框，“False”选项取消选中，“Toggle”选项让选中状态与当前相反。

读取和判断选中状态

您可以通过交互和条件中的值选项的选择来判断复选框是否选中。如果选中，则返回值“true”，如果未选中复选框，则返回值“false”。

提交按钮

当复选框在 Web 浏览器中获得焦点时按下ENTER键可以触发页面上另一个元件的单击事件，称为复选框的“提交按钮”。

将提交按钮分配给复选框：

1. 选择复选框，然后单击“交互”窗格下部中的“全部显示”。

2. 从提交按钮下拉列表中的元件列表中进行选择。

要取消分配提交按钮，请单击下拉列表底部的取消分配提交按钮。

—— 作者：Axure工坊，智新信息科技(广州)有限公司旗下的原创软件与互联网原型作品、素材、模板的共享交易平台，提供PC、APP、小程序、WEB等各端及电商、O2O、门户网、大数据等各行业的原型设计资源。

—— 官网：www.axured.cn

—— Axure交流群：681760590

—— 作品中心：原型作品及元件库下载