Axure RP 8：实现级联菜单

Axure RP 8作为一款原型设计工具，使用起来简单方便，闲着写几篇该工具上常见的操作，方便你我他。

实现效果如图：

1、选中选项一，不显示级联菜单

2、选中选项二，显示级联菜单

操作流程如下：

1、在新建的项目界面中，新增一个子页面，命名为测试界面，并打开

2、在左侧图形库中，选择一个矩形，作为底部Div，设置宽和高，此处设置宽：294，高 44

3、在底部Div上加上，拖拽多一个矩形，作为另一个div形成盒子，用于输入文字，下拉选择，调节宽100，高40

4、拖拽下拉框到底部div右侧，双击下拉框，弹出编辑列表选项框，新增两个选项，选项1和选项2

5、点击确定，并用同样方式在右侧新增另一个下拉框（或者直接复制过去，如果复制过去需要考虑是否有绑定事件，事件会会跟着复制过去），界面如下

6、选中右侧下拉框（可按ctrl键选中右侧下拉框，右键-》组合，这样就可以连着拖拽整体文件了），在右边菜单-》样式处，勾选隐藏

7、隐藏后界面如下

8、单击选中左边下拉框，在右侧菜单-》属性处，点击添加用户，或点击选择结束时

9、进入如下界面

10、双击Case1出，会弹出条件设立框，选中 选项1，点击确定

11、确定后Case1下面会自动添加以下文字：（If被选项与This==选项1），点击左侧菜单-》元件-》显示/隐藏-》隐藏，自动会在“组织动作”出新增隐藏动作，在右侧“配置动作”处找到需要隐藏的下拉框组合，点击确定，至此就完成了选择选项1，右侧菜单会隐藏的操作

12、同样的方式新增案例，勾选选项2时，在元件处选择显示，并在“配置动作”处选择需要显示的下拉框，即可完成，选中选项2，则显示下拉框选项2的操作

13、完成设置后，点击下拉框1，右侧菜单“属性”处，事件如图

至此设置完成，字工具栏-》发布-》预览，查看实际效果。