突发奇想要做一个推拉菜单效果,但是axure更新后,一直才发现有些功能更新了。研究了一下, 上没找到系统的制作流程。本篇文章在axure9环境里,系统讲解一下。
步骤一:拖拽一个矩形至页面,调整好尺寸,填充为黑色,设置名称:一级菜单;可以多复制几个,填写为二级菜单。
步骤二:全选三个二级菜单,点击右键,选择转换为动态面板,并设置为隐藏。
步骤三:选中一级菜单,为一级菜单设置交互:切换、向下滑动显示(时间:250)、向上滑动显示、推动和拉动元件。
步骤四:为了点击效果,可以为原件设置鼠标滑入效果。
步骤五:如果菜单比较多的话,可以多复制几个。
这样一个推拉菜单就制作完成啦!展示效果可以视情况做一些交互优化。
小提示:
题图来自Unsplash,基于CC0协议
声明:本站部分文章及图片源自用户投稿,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!