【axure教程】左侧二级抽屉菜单设计

【axure教程】左侧二级抽屉菜单设计

 

 

 

 

 

 

 

 

 

 

第一步:根据一级菜单的数量,设置对应数量+1的动态面板
第二步:在第一个动态面板下绘制一级菜单全收缩时效果
第三步:在第二个动态面板下绘制第1个一级菜单展开时的效果
第四步:依次在第三个、第四个、第五个动态面板下绘制第2个、3个、4个一级菜单展开时的效果
第五步:为每一个一级菜单设置点击交互事件即可。

注意:网上一般的教程多为通过局部动态面板来进行设计和实现。但是最终无法比较好的实现每次只展 开一个一级菜单。通过分别设置一级菜单的动态面板、二级菜单的动态面板的方式去设计的话,要实现这种效果,是非常复杂和困难的。

对于层级不深的左侧菜单,本设计方案是比较精简和容易掌握的。所谓大道之间,就是这样。

未经允许不得转载:AxureShop原型商城 » 【axure教程】左侧二级抽屉菜单设计
分享到:
赞(0) 打赏

评论抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

AxureShop网站品牌全新升级,Axureshop欢迎商家入驻:http://www.axureshops.com http://axure.amynik.com/

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏