首页 产品 Axure Axure教程 查看内容

Axure基础教程(六)——单选框&复选框

2014-3-14 15:20| 发布者: peter_zhang| 查看: 488| 评论: 0

摘要: 今天要说的是单选按钮和复选框,这是两个比较简单的小部件,主要说说一些小设置问题。一、对齐方式:单选按钮和复选框都有两种对齐方式,一种就是我们默认看到的“单选/复选框+文字”方式,就是“左对齐”方式,另一 ...

今天要说的是单选按钮和复选框,这是两个比较简单的小部件,主要说说一些小设置问题。

一、对齐方式:

单选按钮和复选框都有两种对齐方式,一种就是我们默认看到的“单选/复选框+文字”方式,就是“左对齐”方式,另一种则是“右对齐”,文字在左边,单选/复选框在右边。在“编辑单选按钮”或者“编辑复选框”的菜单里面就能切换这两种方式(找不到这个?请在部件上点击右键然后仔细看)。

二、选择和取消:

我们有时候会需要让一个单选按钮或者复选框在页面里是默认选上的,这个直接点击单选按钮的那个小圆点或者是复选框的小方框就好,取消选中只需要再次点击。但值得注意的是,如果单选按钮没有设置任何单选组,或者设置了单选按钮组但是只有一个单选按钮的时候,不管我们是否默认这个单选按钮有选中,在原型里只要单选按钮被点击选中之后,就无法通过再次点击来取消选中了。

三、单选按钮组:

估计很多刚使用Axure的人都会有个疑惑:要如何让我的两个单选按钮自动切换选中状态?就是我们常见到的已选中某个选项A时,当点击选项B,就选中B同时取消A的选中状态。Axure为这个效果提供了一个功能:单选按钮组,当同时有两个或两个以上的单选按钮设置了同一个单选按钮组时,就会自动实现上述的效果。单选按钮组设置很简单,首先要在编辑菜单里面选择“指定单选按钮组”。

然后在新弹出的窗口中,输入按钮组的名称,或者直接点击下拉菜单来选用一个已有的按钮组,然后点击确定就可以了。

不过一定要记得,这个选项需要对每个单选按钮都设定好,才会生效,并且一个按钮组里面必须有两个或两个以上的按钮才会生效,只有一个的时候是没用的。

四、复选框小例子:

我们用复选框的时候,经常会需要做一个“全选”的选项(如下图),勾上这个选项时,直接就把其他复选框也同时勾上,反之就是取消所有勾选。这里需要做个条件判断,然后根据条件来设置好对应的部件值操作就行,具体请看附件的设置。

上面所说的内容对应的原型:点击下载.


鲜花

握手

雷人

路过

鸡蛋

扫一扫关注最新动态

毒镜头:老镜头、摄影器材资料库、老镜头样片、摄影
爱评测 aipingce.com  
返回顶部