欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  科技

Axure抽屉效果菜单效果该怎么制作?

程序员文章站 2022-09-28 23:23:57
Axure抽屉效果菜单效果该怎么制作?...

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

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

Axure抽屉效果菜单效果该怎么制作?

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

Axure抽屉效果菜单效果该怎么制作?

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

Axure抽屉效果菜单效果该怎么制作?

Axure抽屉效果菜单效果该怎么制作?

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

Axure抽屉效果菜单效果该怎么制作?

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

Axure抽屉效果菜单效果该怎么制作?

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

Axure抽屉效果菜单效果该怎么制作?

注意事项:axure这里只讲了下拉的效果,没有选中效果哦。

相关标签: Axure 菜单