Axure RP9 - 实现菜单下拉及折叠效果

话不多说,直接上手:

1,拖入三个动态模板,分别命名1,2,3。

 2,双击打开任意一个动态模板,我以1为例,添加一个模板状态,打开这个状态,加入原菜单以及新的二级菜单。

3,对状态2模板中一级菜单添加点击事件,点击设置当前面板状态为state1,并在动作中勾选推动/拉动原件。

4,退出动态模板,对该模板添加点击事件,点击设置动态模板状态为state2,同上,记得勾选推动/拉动原件,这样一个折叠菜单就配置完成了。

5,效果如下,点击弹出二级菜单,再点击收回,另外两个菜单配置同理。

ps:若在页面里操作,防止内容超出边界,可添加右侧滚动条,具体操作就是将上述三个模板统一放到另一个大模板中,在对大模板右键设置滚动条,选择需要的话开启滚动条。

  • 6
    点赞
  • 17
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值