AxureRP7.0基础教程系列 部件详解 Check Box 复选框
2014-08-26 14:54
288 查看
原型库网站—讲师金乌原创发布,可自由转载,请注明出处!Axure中文官网:www.AxureRP.cn《AxureRP7.0部件详解》Check Box 复选框
常用案例
作为附加选项
复选框经常用来允许用户添加一个或多个附加选项。
选择多个选项
在这个例子中,有多个选项可以选择。新手容易和单选按钮搞混淆,单选按钮只能选择一个。
编辑复选框
要将复选框默认设置为勾选,可以在设计区域单击复选框或者右键选择选中。
复选框可以通过用例编辑器中的动作设置为选择/选中进行动态设置。
对齐方式
默认情况下,复选框是在左侧,文字在右侧。
你可以通过部件属性面板,调整左右位置。
禁用复选框
默认情况下复选框是启用的,但有些情况需要禁用复选框。
禁用复选框可右键点击选择禁用或者在部件属性面板中选择禁用。
预览效果
复选框常用交互
动态设置一个复选框为选择
复选框可以通过添加动作设置选择/选中,动态地将复选框设置为选中/未选中或者切换。
切换复选框选中状态
效果预览
复选框交互效果
通过状态改变时事件,使用选中状态值是否为真的判断可以对复选框添加交互事件。如案例中所演示的效果。
复选框交互案例
效果预览
多个复选框交互
当使用多个复选框存储变量值时,一个复选框只能存储一个和自己相关的变量值。
页面加载时时间可以通过基于判断每个变量值的真假来触发动作。
在这个例子中,页面加载事件中切换if/else逻辑顺序非常重要,以保证多个用例可以全部执行。
预览效果
复选框的局限
1.自定义复选框样式
复选框只可以给文字更改样式。如果想给复选框更改样式可以使用动态面板制作自定义复选框。
2.与单选按钮不同
复选框不能像单选按钮那样指定单选按钮组。
常用案例
作为附加选项
复选框经常用来允许用户添加一个或多个附加选项。
选择多个选项
在这个例子中,有多个选项可以选择。新手容易和单选按钮搞混淆,单选按钮只能选择一个。
编辑复选框
要将复选框默认设置为勾选,可以在设计区域单击复选框或者右键选择选中。
复选框可以通过用例编辑器中的动作设置为选择/选中进行动态设置。
对齐方式
默认情况下,复选框是在左侧,文字在右侧。
你可以通过部件属性面板,调整左右位置。
禁用复选框
默认情况下复选框是启用的,但有些情况需要禁用复选框。
禁用复选框可右键点击选择禁用或者在部件属性面板中选择禁用。
本帖分享可见的内容
同意条款注册的案例预览效果
复选框常用交互
动态设置一个复选框为选择
复选框可以通过添加动作设置选择/选中,动态地将复选框设置为选中/未选中或者切换。
切换复选框选中状态
效果预览
复选框交互效果
通过状态改变时事件,使用选中状态值是否为真的判断可以对复选框添加交互事件。如案例中所演示的效果。
复选框交互案例
效果预览
多个复选框交互
当使用多个复选框存储变量值时,一个复选框只能存储一个和自己相关的变量值。
页面加载时时间可以通过基于判断每个变量值的真假来触发动作。
在这个例子中,页面加载事件中切换if/else逻辑顺序非常重要,以保证多个用例可以全部执行。
本帖分享可见的内容
多个复选框交互案例预览效果
复选框的局限
1.自定义复选框样式
复选框只可以给文字更改样式。如果想给复选框更改样式可以使用动态面板制作自定义复选框。
2.与单选按钮不同
复选框不能像单选按钮那样指定单选按钮组。
相关文章推荐
- AxureRP7.0基础教程系列 部件详解 动态面板 DynamicPanel
- AxureRP7.0基础教程系列 部件详解 Inline Frame 内部框架
- AxureRP7.0基础教程系列 部件详解图片热区 HOT SPOT WIDGET
- AxureRP7.0基础教程系列 部件详解 表格Tabel
- AxureRP7.0基础教程系列 部件详解 树部件 Tree Widget
- AxureRP7.0基础教程系列 部件详解 表格Tabel
- AxureRP7.0基础教程系列 部件详解水平线和垂直线 HORIZONTAL & VERTICAL LINES
- AxureRP7.0基础教程系列 部件详解 List Box 列表选择框
- AxureRP7.0基础教程系列 部件详解 HTML Button HTML按钮
- AxureRP7.0基础教程系列 部件详解Radio Button 单选按钮
- AxureRP7.0基础教程系列 部件详解H1,H2,标签,段落,占位符,矩形
- AxureRP7.0基础教程系列 部件详解Text Area 文本段落
- AxureRP7.0基础教程系列 部件详解 中继器部件Repeater
- AxureRP7.0基础教程系列 部件详解 图片/Image
- AxureRP7.0基础教程系列 部件详解 Droplist 下拉列表
- AxureRP7.0基础教程 部件详解 Inline Frame 内部框架
- AxureRP7.0基础教程 部件详解图片热区 HOT SPOT WIDGET
- AxureRP7.0基础教程系列 部件详解 文本框 Text field
- AxureRP7.0基础教程 部件详解 水平线和垂直线 HORIZONTAL & VERTICAL LINES
- AxureRP7.0基础教程 部件详解 图片/Image