养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

Axure如何快速制作抽屉效果菜单

时间:2024-09-30 05:39:15

做网页端菜单的抽屉效果很常见,若做原型的时候能快速简单擢爻充种的做出来,可以节省你的宝贵时间,也更能展示你的作品。

工具/原料

Axure

方法/步骤

1、先建四个动态面板,同时选中这四个面板,在选择组里命名“菜单”;并勾选调整大小以适合内容。

Axure如何快速制作抽屉效果菜单

2、双击“菜单-1”动态命板,弹出动态命板管理框,点击新增“收缩”“展开”选项

Axure如何快速制作抽屉效果菜单

3、点击收缩,新建菜单栏粝简肯惧内容,名称、下拉箭头、底色框;同样,点击展开,新建展开后的菜单栏内容,名称、下拉箭头、底色框、子级菜单;

Axure如何快速制作抽屉效果菜单

Axure如何快速制作抽屉效果菜单

4、当从初始收缩状态点击成展开状态时,设置鼠标点击用例,面板状态选择到“展开”,并勾选推拉部件,方向选择下方。

Axure如何快速制作抽屉效果菜单

5、当从展开收缩状态点击成收缩状态时,设置鼠标点击用例,面板状态选择到“收缩”,并勾选推拉部件,方向选择下方。

Axure如何快速制作抽屉效果菜单

6、动态面板设置方法同上,即可快速制作出你想要的菜单抽屉效果哦。

Axure如何快速制作抽屉效果菜单

© 一点知识