标签:axure教程 axure基础教程 axurerp7教程
原型库网站—讲师金乌原创发布,可自由转载,请注明出处!
Axure中文官网:www.AxureRP.cn
《AxureRP7.0部件详解》
Check Box 复选框
常用案例
作为附加选项
复选框经常用来允许用户添加一个或多个附加选项。
选择多个选项
在这个例子中,有多个选项可以选择。新手容易和单选按钮搞混淆,单选按钮只能选择一个。
编辑复选框
要将复选框默认设置为勾选,可以在设计区域单击复选框或者右键选择选中。
复选框可以通过用例编辑器中的动作设置为选择/选中进行动态设置。
对齐方式
默认情况下,复选框是在左侧,文字在右侧。
你可以通过部件属性面板,调整左右位置。
禁用复选框
默认情况下复选框是启用的,但有些情况需要禁用复选框。
禁用复选框可右键点击选择禁用或者在部件属性面板中选择禁用。
复选框常用交互
动态设置一个复选框为选择
复选框可以通过添加动作设置选择/选中,动态地将复选框设置为选中/未选中或者切换。
切换复选框选中状态
效果预览
复选框交互效果
通过状态改变时事件,使用选中状态值是否为真的判断可以对复选框添加交互事件。如案例中所演示的效果。
复选框交互案例
效果预览
多个复选框交互
当使用多个复选框存储变量值时,一个复选框只能存储一个和自己相关的变量值。
页面加载时时间可以通过基于判断每个变量值的真假来触发动作。
在这个例子中,页面加载事件中切换if/else逻辑顺序非常重要,以保证多个用例可以全部执行。
复选框的局限
1.自定义复选框样式
复选框只可以给文字更改样式。如果想给复选框更改样式可以使用动态面板制作自定义复选框。
2.与单选按钮不同
复选框不能像单选按钮那样指定单选按钮组。
AxureRP7.0基础教程系列 部件详解 Check Box 复选框
标签:axure教程 axure基础教程 axurerp7教程
原文地址:http://8420678.blog.51cto.com/8410678/1545166