多语言展示
当前在线:1267今日阅读:23今日分享:31

教大家使用Axure制作多选框且有全选效果

教大家使用Axure制作多选框且有全选效果,详细步骤如下。
工具/原料
1

电脑

2

Axure

方法/步骤
1

打开Axure原型工具,今天教大家使用Axure制作多选框且有全选效果,如下图所示。

2

首先从元件库将需要的元件拖入到正文当中,如下图所示。

3

然后通过调整元件的样式及大小,形成一个复选框的效果,如下图所示。

4

同样的方式我们制作出全选的复选框按钮以及其他的复选框,并且给各个复选框命名,如下图所示。

5

下面给各个复选框加交互事件,如下图所示。

6

最后给全选做交互事件,如下图所示。

7

所有工作准备完成,F5预览看一下效果,如下图所示。

注意事项
1

更多经验关注小编

2

有问题随时互动

推荐信息