怎么使用Axure制作限制选择数量的多选框效果?

溜溜自学 平面设计 2022-10-18 浏览:593

大家好,我是小溜,怎么使用Axure制作限制选择数量的多选框效果?相信很多小伙伴都对这个问题很感兴趣,那么具体怎么操作呢?下面小溜就给大家分享一下方法。

想要更深入的了解“Axure RP”可以点击免费试听溜溜自学网课程>>

工具/软件

硬件型号:联想(Lenovo)天逸510S

系统版本:Windows7

所需软件:Axure RP

方法/步骤

第1步

打开Axure工具,今天教大家使用Axure制作限制选择数量的多选框效果,如下图所示。

教大家使用Axure制作限制选择数量的多选框效果

第2步

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

教大家使用Axure制作限制选择数量的多选框效果

第3步

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

教大家使用Axure制作限制选择数量的多选框效果

第4步

同样的方式,我们制作出更多的复选框,如下图所示。

教大家使用Axure制作限制选择数量的多选框效果

第5步

重点来了,要限制复选框选择的数量,我们就需要通过交互事件来做判断,这里面会用到变量,如下图所示。

教大家使用Axure制作限制选择数量的多选框效果

教大家使用Axure制作限制选择数量的多选框效果

第6步

同样,我们给其他的复选框加交互事件,如下图所示。

教大家使用Axure制作限制选择数量的多选框效果

第7步

最后准备完成,F5预览看一下效果,如下图所示。

教大家使用Axure制作限制选择数量的多选框效果

注意/提示

对于“怎么使用Axure制作限制选择数量的多选框效果?”相信小伙伴们都已经认真的看完了,如果大家在过程中遇到问题可以重新再看一遍,学习不是一朝一夕的,需要我们长期的练习。如果大家觉得文章不错可以持续关注溜溜自学哦。

相关文章

首页