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

2025-04-18 05:27:07

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

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

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

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

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

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

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

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

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

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

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

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

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

教大家使用Axure制作限制选择数量的多选框效果
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢