码迷,mamicode.com
首页 > 其他好文 > 详细

AxureRP7.0基础教程系列 部件详解 Check Box 复选框

时间:2014-08-26 17:41:57      阅读:291      评论:0      收藏:0      [点我收藏+]

标签: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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!