快好知 kuaihz订阅观点

 

Axure教程:抽屉风格的菜单实现

前面两篇文章我分别介绍了《Axure教程:实现菜单下拉效果》和《Axure教程:鼠标移入时切换菜单》,这两篇文章里的菜单都是下拉风格,这篇文章讲抽屉风格的菜单实现。

预览图

初始:

点击“抽屉2”后:

点击“抽屉1”后:

预览地址:https://yj6jds.axshare.com

所需元件

两个矩形、两张图片

操作步骤

(1)将图片2隐藏。

(2)参照《实现菜单下拉效果》的操作步骤(2)和(3)设置好“抽屉1”矩形的交互,这里要注意,因为我们的图片是向右显示,向左隐藏,所以推动元件的方向要选为右侧。

(3)对应地设置好“抽屉2”矩形的交互。

(4)按F5预览原型看看效果。

小记

这个原型案例只是简单地将下拉菜单风格换成抽屉风格,并没有太大的难度。需要注意的就是步骤(2)里的小细节。

大家可以再试试做下:鼠标移入时切换抽屉风格菜单

#相关阅读#

Axure教程:鼠标移入时切换菜单

Axure教程:实现菜单下拉效果

本站资源来自互联网,仅供学习,如有侵权,请通知删除,敬请谅解!
搜索建议:抽屉  抽屉词条  菜单  菜单词条  风格  风格词条  实现  实现词条  教程  教程词条  
原型

 Protopie实战教程:rad...

如何实现radio单选框在任何Web和APP应用中的效果,一起来文中看看~radio单选框在任何Web和APP应用中都非常常见,效果如下:操作步骤:(1)从Sk...(展开)

原型

 AxureRP基础教程篇:15个...

本文总结了15个很有帮助的Axure使用技巧,希望你看了之后能有所收获。注意:本文基于Axure英文版写作,对于那些我不知道该如何翻译的供功能和名称,只好直接给...(展开)