青铜修炼手册:Axure实现抽屉式菜单

实现步骤:

1.先在页面摆放一个灰色矩形,名为“一级菜单”,三个白色矩形,名为“灰色矩形”;

2.选中三个“二级菜单”白色矩形,然后点击右键,选择【转换为动态面板】

 3.设置【动态面板】的名字为“二级菜单组合”,并【隐藏】起来

4. 为一级菜单设置选项组名称“menu”;这个设置能够在之后的选中操作时,保证只有一个一级菜单被选中,其它的被取消选中;这是软件的规则,同组名的元件只能有一个为被选中状态;

5.为一级菜单的【鼠标单击时】事件添加交互,选择【切换选中状态】->【当前元件】->选中状态为【toggle】; 

6.为一级菜单【选中时】事件添加交互,设置动作为显示二级菜单的动态面板“二级菜单组合”,注意,更多选项中选择【推动元件】;

7.为一级菜单【取消选中时】事件添加交互,设置动作为隐藏二级菜单的动态面板“二级菜单组合”,注意,设置中勾选【拉动元件】;

8.将完成的一、二级菜单复制多份,然后按顺序堆叠,注意,摆放时一级菜单一定要在上一组二级菜单水平或下方

9.完成,点击预览:

原型查看效果地址:https://gw3wxr.axshare.com

 原型RP文件下载地址:https://download.youkuaiyun.com/download/qq_27884377/10878374

                                 想了解更多Axure资讯,赶快下方扫码加入【Axure修炼手册】微信公众号吧!!!

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

藤原搞事

你的鼓励将是我创作的最大动力

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

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

打赏作者

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

抵扣说明:

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

余额充值