如何使用Axure:[8]制作联动下拉菜单

 时间:2024-10-12 12:14:52

当我们在注册新用户,或者在使用某些工具软竭惮蚕斗件的时候,会遇到当你从一个下拉菜单中选择一项,后面的下拉菜单会跟着变化的情况。此篇就向大家介绍一下如何实现此类功能。

工具/原料

Axure

制作

1、打开你的Axure,创建一个空白的RP文档。

如何使用Axure:[8]制作联动下拉菜单

2、拖入一个Dropdown,作为一级菜单

如何使用Axure:[8]制作联动下拉菜单

3、再拖入一个Dropdown,作为二级菜单,并转换为动态面板,命名为Second

如何使用Axure:[8]制作联动下拉菜单

4、为一级菜单添加项目「1、2、3」

如何使用Axure:[8]制作联动下拉菜单

5、为二级菜单Second添加状态「1、2、3」

如何使用Axure:[8]制作联动下拉菜单

6、分别在不同的状态中,添加一个下拉菜单,作为根据一级菜单的选项,切换后的待选项

如何使用Axure:[8]制作联动下拉菜单

7、为一级菜单添加「OnSelectionChange」事件用例,限制条件为当前选择的值。并分别添加其他一级菜单选项的事件用例。

如何使用Axure:[8]制作联动下拉菜单
如何使用Axure:[8]制作联动下拉菜单
如何使用Axure:[8]制作联动下拉菜单

完成

1、按F5进行预览

如何使用Axure:[8]制作联动下拉菜单
  • Axure如何制作带提示信息的输入框
  • Axure RP 下拉列表 实现 城市和区 的交互
  • 如何利用RP Axure制作不同类型图形并同存在
  • Axure如何快速制作抽屉效果菜单
  • axure根据元件文字执行交互事件
  • 热门搜索
    有关卫生的手抄报 百善孝为先手抄报内容 节约用纸的手抄报 小学消防安全手抄报 文明交通我先行手抄报 防震减灾手抄报花边 清明节手抄报版面设计图 知识手抄报 关于名胜古迹的手抄报 廉洁诚信手抄报