怎么使用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预览看一下效果,如下图所示。
- 上一篇:Axure规范化后的原型图讲解
- 下一篇:Axure怎么实现颜色表的切换?
广告位
评论列表