通过3个动作实现抽屉菜单

AxureRP8.0教程 小楼一夜听春语 19452℃ 0评论

软件版本:

AxureRP8.0测试版

案例描述:

1、点击一级菜单时,显示二级菜单;

2、点击其它一级菜单时,显示对应的二级菜单,并收起其它二级菜单;

3、再次点击一级菜单时,收起对应的二级菜单。

实现步骤:

1、先放入一组一级菜单与二级菜单的矩形,设置好样式;

1

2、将二级菜单转为动态面板;

2

3、为动态面板命名为“Submenu”,并隐藏;

3

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

4

5、为一级菜单的鼠标单击时事件添加交互,设置当前元件切换选中状态;

5

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

6

7、为一级菜单选中时事件添加交互,设置动作为隐藏二级菜单的动态面板“Submenu”,注意,设置中勾选拉动元件;

7

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

以上就是AxureRP8.0中实现抽屉菜单的方法,如果二级菜单需要能够同时打开多个,只需要删除所有一级菜单的选项组名称即可。

骚年,你撸出来了吗?

源文件下载地址:http://pan.baidu.com/s/1jGP**i2

嘿嘿!谜题又来了!

提示:

1、两个大写字母;

2、如何形容小楼的思路;

3、答案就在页面中。


~~~~~~~~~~~~ 正文结束 下面没了 ~~~~~~~~~~~~

小楼老师再出新作,倾力打造Axure RP 8精品课程系列,以最短的时间高效完成学习目标,入门进阶与实战案例并重,是0基础的新手从入门到精通的必备课程。

《AxureRP 8 入门与实战 - 入门篇》------从零入门进阶的最佳课程------【点此查看详情】

《AxureRP 8 入门与实战 - 案例篇》------实战手册图书的同步视频------【点此查看详情】


转载请注明:Axure原创教程网 » 通过3个动作实现抽屉菜单

喜欢 (33)or分享 (0)
发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(25)个小伙伴在吐槽
  1. 求谜底。。
    axure new2016-01-09 22:10 回复
  2. 卧槽,没想到竟然猜对了..不过我是绕了后门找到正确链接的,一看链接对对答案还真对了.
    Angus2016-01-11 04:34 回复
    • 是啥呀。。。
      卡死卡死2016-01-13 09:07 回复
    • 你绕了……楼叔的后门……?
      千语2016-11-02 10:55 回复
  3. 老师,最后一步是不是少了点步骤。 把第一个一级菜单选中时,显示他的二级菜单,同时隐藏其他一级菜单的二级菜单。 我摸索了一下第八步复制后,回到第六步,隐藏复制后的一级菜单下的二级菜单。 这样才达到了:“2、点击其它一级菜单时,显示对应的二级菜单,并收起其它二级菜单;”的效果。 😎 😎
    菜鸟新手2016-01-13 11:32 回复
    • 不用呢,有设置了分组
      whatever2016-02-01 11:58 回复
  4. 嘿嘿打
    hotel2016-01-13 17:06 回复
  5. 下载链接失效了
    d2016-01-19 14:50 回复
    • 小楼一夜听春语
      没失效
      小楼一夜听春语2016-01-19 15:43 回复
      • 可能被拦截了吧,说包含一些什么信息,不能访问
        d2016-01-20 17:25 回复
      • 猜不到啊猜不到
        ferdinandfzy2016-02-17 16:20 回复
  6. 是什么
    你电脑2016-01-22 16:53 回复
  7. 谜底:GP
    ferdinandfzy2016-02-16 13:43 回复
  8. 淫荡的思路
    答案2016-03-16 11:54 回复
  9. 下载不来
    塔塔蛋2016-04-26 14:52 回复
  10. 用的好好 还会举一反三呢 小楼棒棒哒
    边边2016-05-20 16:31 回复
  11. 这下做起来这下做起来容易多了,以前得花好大的功夫做这个
    CatherineChen2016-06-20 10:20 回复
  12. 醉醉哒 想不到
    DALE2016-07-12 21:36 回复
  13. 小楼的思路……YD
    狐狸2016-08-23 15:14 回复
  14. 终于学会了~
    小q2016-08-24 17:55 回复
  15. 如果二级下面有三级,然后把好几组一共有三级的菜单叠放在一起,是怎么个顺序
    奥利弗2016-09-21 16:56 回复
  16. 如果二级下面有三级,然后把好几组一共有三级的菜单叠放在一起,是怎么个顺序。同问
    iamrealmelon2017-01-03 17:05 回复
  17. 上面说的,“选中时”与“取消选中时”的事件没看到啊?在那里选? 谜底是什么啊?猜不出
    jhsybin2017-03-22 12:07 回复
  18. 组合的怎么没有选中这个事件,要怎么弄呢?
    jhsybin2017-03-22 12:21 回复
  19. 请问小楼老师,当把上面三个菜单垂直排列时,点击上面两组中任何一个一级菜单,都会将下面的菜单“向下挤压”,不知如何解决呢?
    wilde2017-03-22 14:11 回复