原型设计工具Axure RP参考(十八):复选框小部件

列表在用户输入表单中,一个复选框为用户提供了一个二元选择。一个复选框可以用于一个单一的选择,比如是否订阅时事通讯,或者在用户可以从许多可能的选择中选择几个的情况下。

 


列表在用户输入表单中,一个复选框为用户提供了一个二元选择。一个复选框可以用于一个单一的选择,比如是否订阅时事通讯,或者在用户可以从许多可能的选择中选择几个的情况下。

复选框小部件位于默认小部件库的表单部分。

原型设计工具Axure RP参考(十八):复选框小部件

箱体尺寸和对齐方式

在 “样式 “窗格的 “按钮 “部分,您可以使用 “大小 “字段来设置复选框的方框部分的宽度和高度,默认情况下,复选框的方框部分在左边,而标签文本在右边。

默认情况下,复选框的方框部分在左边,而标签文本在右边。要调换顺序,使文字在左边,框在右边,请使用 “大小 “字段右边的对齐图标。

原型设计工具Axure RP参考(十八):复选框小部件

注意:当用从右到左的语言(如阿拉伯语或希伯来语)制作表格原型时,将方框向右对齐。

  • 选择复选框标签并开始输入。(此选项只有在您禁用单键快捷键时才可用)

特殊性能

默认检查

默认情况下,当 页首次在 络浏览器中加载时,一个复选框以其未选中的状态开始。

要想让复选框以选中状态开始,请选择复选框并单击画布上的复选框。

您也可以在 “交互 “窗格中选中 “选定 “选项。

原型设计工具Axure RP参考(十八):复选框小部件


禁用

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

有两种方法可以禁用小组件:

  • 勾选 “交互 “窗格底部的 “已禁用 “复选框。
  • 使用 Enable/Disable 动作在 Web 浏览器中动态禁用小组件。您可以将此作为任何交互的一部分,例如在加载页面或单击按钮时进行。

注意::您可以在任何交互的一部分这样做,例如当页面加载或点击按钮时。

您可以使用 Enable/Disable(启用/禁用)操作在 Web 浏览器中动态启用已禁用的小组件。请查看条款和条件教程,了解如何完成此操作。

特殊交互

勾选和取消勾选复选框

在Web浏览器中,您可以点击复选框来选中和取消选中。

您也可以使用 “设置选中/选中 “操作动态地选中和取消选中一个复选框。真值选项将选中该复选框,假值选项将取消选中。toggle选项将把复选框设置为与交互发生时它所处状态相反的状态。

捕获和评估复选状态

您可以通过交互和条件中的is selected of value选项来确定一个复选框是否被选中。如果复选框被选中,则返回值 “true”,如果复选框未被选中,则返回值 “false”。

提交按钮

当一个复选框在Web浏览器中具有焦点时,按下ENTER键可以启动页面上另一个小组件的Click或Tap事件,即复选框的 “提交按钮”。

要将提交按钮分配给一个复选框:

  • 选择复选框,然后单击 “交互 “窗格下部的 “显示所有”。
  • 从 “提交按钮 “下拉列表中选择符合条件的小组件。

要取消指定提交按钮,请单击下拉菜单底部的 “取消指定提交按钮”。

原型设计工具Axure RP参考(十八):复选框小部件

限制和变通办法

不确定国家

在一些设计模式中,复选框有第三种 “不确定 “状态,在这种状态下,它们既不被选中,也不被取消选中。如果你需要一个可以有三种状态的复选框,你可以使用形状部件和动态面板制作一个自定义的复选框。

标签顺序

复选框和其他窗体小组件的标签顺序由它们的图层深度决定,如轮廓窗格中所示。您可以在 “组织小组件 “一文中了解更多关于这一点以及如何更改小组件的标签顺序。

推荐阅读:

原型设计工具Axure RP入门教程

原型设计工具Axure RP新手教程


想要获得Axure RP更多资源、正版授权的伙伴,请咨询【客服】了解

标签: 页设计视图模型 站设计原型设计

声明:本站部分文章及图片源自用户投稿,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!

上一篇 2020年11月4日
下一篇 2020年11月4日

相关推荐

发表回复

登录后才能评论