教大家使用Axure制作多选框且有全选效果,详细步骤如下。
方法/步骤
-
1
打开Axure原型工具,今天教大家使用Axure制作多选框且有全选效果,如下图所示。
-
2
首先从元件库将需要的元件拖入到正文当中,如下图所示。
-
3
然后通过调整元件的样式及大小,形成一个复选框的效果,如下图所示。
-
4
同样的方式我们制作出全选的复选框按钮以及其他的复选框,并且给各个复选框命名,如下图所示。
-
5
下面给各个复选框加交互事件,如下图所示。
-
6
最后给全选做交互事件,如下图所示。
-
7
所有工作准备完成,F5预览看一下效果,如下图所示。
END
经验内容仅供参考,如果您需解决具体问题(尤其法律、医学等领域),建议您详细咨询相关领域专业人士。
作者声明:本篇经验系本人依照真实经历原创,未经许可,谢绝转载。
展开阅读全部
文章评论