AxureRP7.0教程 axureRP7部件详解 Check Box 复选框

原型库网站—讲师金乌原创发布,可自由转载,请注明出处!

Axure中文官网:www.AxureRP.cn

 

《AxureRP7.0部件详解》

Check Box 复选框



常用案例

作为附加选项

复选框经常用来允许用户添加一个或多个附加选项。

 



选择多个选项

在这个例子中,有多个选项可以选择。新手容易和单选按钮搞混淆,单选按钮只能选择一个。

 



编辑复选框
要将复选框默认设置为勾选,可以在设计区域单击复选框或者右键选择选中。
复选框可以通过用例编辑器中的动作设置为选择/选中进行动态设置。

对齐方式

默认情况下,复选框是在左侧,文字在右侧。
你可以通过部件属性面板,调整左右位置。

 



禁用复选框

默认情况下复选框是启用的,但有些情况需要禁用复选框。
禁用复选框可右键点击选择禁用或者在部件属性面板中选择禁用。

本帖分享可见的内容

同意条款注册的案例



预览效果



复选框常用交互

动态设置一个复选框为选择

复选框可以通过添加动作设置选择/选中,动态地将复选框设置为选中/未选中或者切换。
切换复选框选中状态
效果预览

 



复选框交互效果
通过状态改变时事件,使用选中状态值是否为真的判断可以对复选框添加交互事件。如案例中所演示的效果。

复选框交互案例
效果预览

 



多个复选框交互

当使用多个复选框存储变量值时,一个复选框只能存储一个和自己相关的变量值。
页面加载时时间可以通过基于判断每个变量值的真假来触发动作。
在这个例子中,页面加载事件中切换if/else逻辑顺序非常重要,以保证多个用例可以全部执行。

本帖分享可见的内容

多个复选框交互案例


预览效果

 



复选框的局限
1.自定义复选框样式

复选框只可以给文字更改样式。如果想给复选框更改样式可以使用动态面板制作自定义复选框。
2.与单选按钮不同

复选框不能像单选按钮那样指定单选按钮组。


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值