快好知 kuaihz订阅观点

 

Axure:2分钟制作三级折叠菜单

之前看了小楼老师的三级菜单制作,跟着做了一次,学习到很多东西,但是又都还回去了。这次打算在Axure:一分钟制作二级折叠菜单的基础上趁热打铁做一个三级的,个人一直认为任何事情只要找到一定规律都能化繁为简,目标:2分钟搞定。

效果如下:

步骤如下:

1、准备1、2、3级菜单矩形框。

2、组合三级菜单命名“3g”,二级菜单添加3项动作:单击时(切换选中状态)、取消选中时(隐藏3g)和选中时(1.移动3g;2.显示3g),如图。然后隐藏3g。

3、隐藏3g,选中二级菜单和3g复制2份摆好位置,3个二级菜单矩形框设置选项组名称“2g”,命名也是“2g”,不再附图。

4、为一级菜单添加3个事件:单击、选中、取消选中。特别说明,取消选中事件要对3个二级菜单矩形框设置取消选中,如图。

5、隐藏2g,选中所有矩形框包括隐藏的,复制两份摆好位置,3个一级菜单矩形框设置选项组,如图:

二级折叠菜单,你试试看一分钟能否搞定。

(要说明的是,没有添加动画,你可以试着添加,如有疑问,欢迎探讨。)

本站资源来自互联网,仅供学习,如有侵权,请通知删除,敬请谅解!
搜索建议:折叠  折叠词条  三级  三级词条  菜单  菜单词条  分钟  分钟词条  制作  制作词条  
原型

 Axure RP设计顶部导航冻结...

以下介绍几个常用小教程,还是那句话——内容简单,适合菜鸟查阅,老鸟可飘过,顺便帮忙点个赞哈一.顶部导航冻结,页面下拉可跟随例如:下拉网页进行浏览,顶部导航悬停,...(展开)

原型

 Axure教程:数量加减的实现

我的上一篇文章是《 Axure教程:实现商品分享功能》,原本计划下一篇写的是《Axure教程:实现商品规格选择功能》,但在制作途中发现内容比较多,所以...(展开)