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,右侧菜单“属性”处,事件如图

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

 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值