Axure制作抽屉式菜单栏

Axure制作抽屉式菜单栏

• 先看效果图
  
• 首先设置一级菜单，如图分别是桌面、内容、消息、安全（四个矩形来实现即可）；再准备“上箭头”和“下箭头”的两张图片，将箭头图片放到矩形指定位置后设置为动态面板，分别设置“上箭头”和“下箭头”两种状态。
  
• 设置二级菜单，如图分别是主页信息一、主页信息二、主页信息三（用三个矩形实现即可），将其放到一级菜单“桌面”下面指定位置，将状态设置为隐藏。
  
• 重点来了，设置交互！！单击一级菜单“桌面”时，将“桌面”的选中状态设置为“toggle”。
• 
• 为一级菜单“桌面”设置交互样式，在交互样式中选择“选中时”，选中状态下将二级菜单的可见性设置为“显示”，更多选项处选择“推动原件”。
• 再次为“桌面”设置交互