axure添加下拉菜单联动

axure使用中会遇到下拉菜单联动的设置问题,本文分步讲解。

首先,在空白页面中拖拽一个下拉框,如下所示:
在这里插入图片描述
之后设置该下拉框选项,如下所示:
在这里插入图片描述
设置下拉框名字为班号,如下所示:
在这里插入图片描述

之后再拖入一个下拉框,并设置选项,张三,王五,并设置下拉框名字为一班人员,如下所示:
在这里插入图片描述
之后选中第二个下拉框,右击鼠标,选择创建动态panel,如下所示:
在这里插入图片描述
在这里插入图片描述
设置panel名字为班级人员,如下所示:
在这里插入图片描述
之后双击该panel,如下所示:
在这里插入图片描述

添加state,分别为一班和二班。如下所示:
在这里插入图片描述
之后选择state为二班,如下所示:
在这里插入图片描述
之后再拖入一个下拉框,盖住之前的第二个下拉框,如下所示:
在这里插入图片描述
设置下拉框名字为二班人员,并添加下拉框选项,候六,丁八,如下所示:
在这里插入图片描述
在这里插入图片描述
之后,在灰色位置双击一下,退出panel,如下所示:
在这里插入图片描述
之后,选择第一个下拉框,设置新交互事件,如下所示:
在这里插入图片描述
选择,当选项变化时。如下所示:
在这里插入图片描述
选择设置panel状态,如下所示:
在这里插入图片描述
选择班级人员,选择一班,点击ok,如下所示:
在这里插入图片描述
在这里插入图片描述
之后在onselectionchange上双击一下,出现设置框,如下所示:
在这里插入图片描述
点击enablecases,设置条件,如下所示:
在这里插入图片描述
在这里插入图片描述
点击add logic,设置场景一触发条件,如下所示:
在这里插入图片描述
点击ok,显示效果,如下所示:
在这里插入图片描述
再次点击addcase,添加一个新场景,如下所示:
在这里插入图片描述
将第二个场景条件设置为,当选择二班时,如下所示:
在这里插入图片描述
点击ok,显示效果如下:
在这里插入图片描述
之后,点击场景二的条件,如下:
在这里插入图片描述
点击设置panel状态,如下:
在这里插入图片描述
选择panel,班级人员,如下:
在这里插入图片描述
设置panel状态为二班,如下所示:
在这里插入图片描述
最终两个场景如下:
在这里插入图片描述
点击ok即可,如下所示:
在这里插入图片描述
之后选择preview,预览效果:
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
完成菜单联动设置。

  • 4
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

计算机辅助工程

感谢鼓励!

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值