怎样实现复选框的全选和反选啊

笨笨猴 · 发表于 2009-7-10 16:04:02

怎样实现复选框的全选和反选啊，请高人指点一下

尹广磊 · 发表于 2009-7-10 17:43:24

全选与反选.rar (119.54 KB, 下载次数: 2240)

设计原理：

首先准备两个按钮和四个已经在标签上命名的复选框1、2、3、4。

全部选中和全部取消的设计

由于全部选中与全部取消常集中在一个按钮上“全部”，所以需要借用一个中间变量来判断当前是要执行全部选中，还是执行全部取消。

在Axure菜单--线框图--变量管理中已有一个Axure设置的默认变量OnloadVariable，那就使用它了。

当变量OnloadVariable等于空时，添加交互设计组件变量让复选框1、2、3、4全部变为True(也就是被选中的意思)，
并将OnloadVariable的值赋为1.

反之，当OnloadVariable等于1时，添加交互设计组件变量让复选框1、2、3、4全部变为False（也就是取消选中），
并将OnloadVariable的值再改为空。

反选的设计

基本原理就是判断条件，当复选框被选中时，设置其为False（不被选中），否则，设置其为True（被选中状态）。

注意：如上图，由于这8个Case并不是连贯条件，所以要在第3、5、7Case上点右键，选择变更到IF。

笨笨猴 · 发表于 2009-7-14 10:32:22

首先真心的感谢尹老师的帮忙，您做的例子我都看了，现在还在研究中
其次呢我还是想让尹老师说一下学习axure的方法，我在制作的过程中，一些比较简单的东东都能作出来，就是有些涉及到事件、交互这方面的知识的时候，就不知道从哪考虑了，我给自己分析了一下我觉得自己最大的问题就在于对交互控件理解不太深刻，但是又不知道怎么学习他们，请尹老师给指条明路，谢谢了

尹广磊 · 发表于 2009-7-14 11:22:36

慢慢尝试，没有办法一下都掌握熟练。

交互也不是个个效果都需要做出来，做个大概，然后加点简单的文字说明能表达清楚就行了。

门萨 · 发表于 2010-1-11 16:09:34

多谢，正好用到

打碎心瓶 · 发表于 2010-2-25 14:17:37

:victory:

许文龙 · 发表于 2010-2-26 11:23:16

多谢，正好用到

siong · 发表于 2010-2-26 18:09:06

太神啦``

书生 · 发表于 2010-3-2 17:04:07

学习了，这个功能还是比较有用

jiazi516 · 发表于 2010-4-6 16:02:11

用这个方法的话就有点儿太复杂了。说实话，是不需要经过中间变量的。
只要选择Set variable OnLoadVariable and Widgets value equals to value，全选的时候，选项都设置为true，取消的时候，选项都为flase。
我可能说的不是那么详细，但是用这个方法绝对30s就搞定了。大家琢磨琢磨。

fraiyin · 发表于 2010-4-14 16:36:21

1.定义各选择项目标签名
2.在全选按钮上设置onclick事件，添加条件 “设全选值为true”
操作中选择“设置变量和组件值的变化值”
设置“选中的项目名称值为ture", 多个就点击右边的加号，有几个添加几个

全不选的话所有"ture"变为"false"

我今天刚研究出来的，希望对你有帮助，呵呵

黄素琴 · 发表于 2010-4-14 21:21:11

2# 尹广磊

您好，尹老师，新学员，在您这学习到很多，^^现在经常没事到您这逛逛，偷学点，嘻嘻。。。。
针对于上面的问题，有个疑问：那个esle if 为什么要更改 if呢，这两个有什么区别啊！呵呵，新手，多谢。
还有那个默认变量有什么用吗？

尹广磊 · 发表于 2010-4-14 22:11:35

13# 黄素琴

else if 参考：http://www.hiaxure.com/thread-158-1-1.html

默认变量是创造出一个绝对真的条件，然后构成一个多个交互事件连续执行的效果。
选择交互事件的“高级编辑器”也可以达到同样的效果。

黄素琴 · 发表于 2010-4-16 20:54:59

14# 尹广磊

嘻嘻。。。貌似懂了，我的理解是：多个if只是为了一个动作可以在同一个条件下完成多个事件。else if是满足这个条件后就不再执行下面的条件事件。
非常感谢！！

王浩 · 发表于 2010-5-1 06:26:08

用动态面板也可以吧

paul_jackson · 发表于 2010-5-25 14:06:55

谢谢！

xxss · 发表于 2010-6-1 11:43:28

用这个方法的话就有点儿太复杂了。说实话，是不需要经过中间变量的。
只要选择Set variable OnLoadVariable and Widgets value equals to value，全选的时候，选项都设置为true，取消的时候，选项都为flase。
我可 ...
jiazi516 发表于 2010-4-6 16:02

同意你的看法！但是反选还是要用尹站长的方法实现，呵呵

yjcsxdl · 发表于 2010-9-14 11:44:54

谢谢分享:victory:

酷哥辣客 · 发表于 2010-9-14 11:55:33

收藏了

月夜星辰 · 发表于 2010-10-15 14:50:18

看起来好复杂

怎样实现复选框的全选和反选啊

评分

全部选中、全部取消、反向选择在Axure中的设置