Axure RP 8.0复选框选中行为

Axure RP 8.0的复选框选中行为与7.0有些许区别,直接看RP 8.0实例~


实例:

目标:实现复选框的全选与全不选的交互设计

Axure RP 8.0复选框选中行为_第1张图片
result.png
实现步骤:

1.在RP 8.0工作空间画出如上图的几个复选框,给每个复选框命名

Axure RP 8.0复选框选中行为_第2张图片
name.png

2.设置全选选中时的事件

Axure RP 8.0复选框选中行为_第3张图片
选中时.png
Axure RP 8.0复选框选中行为_第4张图片
添加条件.png
Axure RP 8.0复选框选中行为_第5张图片
设置选中.png

3.设置取消选中事件

Axure RP 8.0复选框选中行为_第6张图片
取消选中.png
Axure RP 8.0复选框选中行为_第7张图片
取消选中的添加条件.png
Axure RP 8.0复选框选中行为_第8张图片
取消选中的用例编辑.png

4.OK 大功告成

5.最快的方法就是设置切换选中状态

Axure RP 8.0复选框选中行为_第9张图片
最快的方法.png

你可能感兴趣的:(Axure RP 8.0复选框选中行为)