Axure中怎么为网站制作联动下拉菜单?

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

软件名称:
Axure RP7.0.2汉化包 20131206版
软件大小:
60MB
更新时间:
2013-12-06

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

Axure中怎么为网站制作联动下拉菜单?_第1张图片

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

Axure中怎么为网站制作联动下拉菜单?_第2张图片

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

Axure中怎么为网站制作联动下拉菜单?_第3张图片

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

Axure中怎么为网站制作联动下拉菜单?_第4张图片

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

Axure中怎么为网站制作联动下拉菜单?_第5张图片

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

Axure中怎么为网站制作联动下拉菜单?_第6张图片

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

Axure中怎么为网站制作联动下拉菜单?_第7张图片

Axure中怎么为网站制作联动下拉菜单?_第8张图片

Axure中怎么为网站制作联动下拉菜单?_第9张图片

完成后按F5进行预览。

Axure中怎么为网站制作联动下拉菜单?_第10张图片

相关推荐:

Axure怎么实现电话号码的验证的原型?

Axure怎么制作页面滚动时菜单固定在顶部的页面?

axure怎么做滑动效果? axure做手机触摸屏幕滑动效果的方法

你可能感兴趣的:(Axure中怎么为网站制作联动下拉菜单?)