彩票走势图

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

翻译|使用教程|编辑:况鱼杰|2020-12-07 10:20:03.210|阅读 1020 次

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

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

相关链接:

Axure RP是一套专门为网站或应用程序所设计的快速原型设计工具, 可以让应用网站策划人员或网站功能界面设计师更加快速方便的建立Web AP和Website的线框图、流程图、原型和规格。

免费下载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更多资源、正版授权的伙伴,请咨询了解

关注慧聚IT微信公众号☟☟☟,了解产品的最新动态及最新资讯。

慧聚IT


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

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@pclwef.cn

文章转载自:

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP