欢迎访问设·集合!

设·集合

您现在的位置是:首页 > 平面软件 > Axure

怎么使用Axure制作多选框且有全选效果?

设·集合小编 发布时间:2023-04-13 19:51:34 970次最后更新:2024-03-08 12:10:26

怎么使用Axure制作多选框且有全选效果?很多网站都拥有多选框功能,不仅可以实现单选,还可以实现多选全选。那么在Axure中,如何实现?下面跟着一起来看看吧。

图文不详细?可以点击观看【Axure RP免费试看视频教程】

工具/软件

硬件型号:神舟(HASEE)战神Z7-DA7NP

系统版本:Windows7

所需软件:Axure RP

方法/步骤

第1步

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


第2步

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


第3步

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


第4步

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


第5步

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


第6步

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


第7步

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



广告位

热心评论

评论列表