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

 时间:2024-10-12 00:09:43

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

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

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

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

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

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

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

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

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

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

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

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

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

教大家使用Axure制作限制选择数量的多选框效果
  • linux中如何强制删除用户及其家目录?
  • C# 如何给chart控件另一个Y轴绑定数据
  • 易语言——怎样为窗口添加菜单栏 菜单怎么做
  • 易语言怎么改变标签标题文字的颜色和大小?
  • 易语言中如何批量拖放文件
  • 热门搜索
    关于传统文化的手抄报 节约手抄报图片 法制校园手抄报 垃圾减量分类手抄报 关于爱国的手抄报图片 名胜古迹手抄报 节约用纸的手抄报 民族风情手抄报 关于四季的手抄报 有关爱国的手抄报