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

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

Axure中文官网：www.AxureRP.cn

 

《AxureRP7.0部件详解》

Check Box 复选框

---

常用案例

作为附加选项

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

 

---

选择多个选项

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

 

---

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

对齐方式

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

 

---

禁用复选框

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

本帖分享可见的内容

同意条款注册的案例

预览效果

---

复选框常用交互

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

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

 

---

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

复选框交互案例
效果预览

 

---

多个复选框交互

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

本帖分享可见的内容

多个复选框交互案例

预览效果

 

---

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

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

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