loading

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

发布时间:2020-06-26

前面两篇文▁▂▃▄章┓我分别介绍〇了《Axure教程:实现菜单∽下拉效果》和《Axure教程:鼠标☏移入时切☠换菜单》,这两篇文章里的菜单都是下ω拉风格,这篇文章█讲抽屉风格▽的菜单实现。

预览图

初始:

点击“抽屉2”后:≌

点击“εїз抽屉1”后:‖|

预览↕地址:https://yj6jds.axshↂare┆┇.com

所需Ⅻ元件

两个∣矩形、两张图片

操作步骤

(1)将图片2隐藏。

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

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

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

小记

这个原型案例只是简单地将下拉菜单风格︰换§成抽屉风格,并没有太大的难度。需要注∝意的就是步骤╥(2)里的小细节。 大家可以再试试做‖下∧:鼠标移入时切↖换抽屉风格菜单。

#相关阅读#

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

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

 

本文由 @Nilz 原۞创发布于人人都是З产品经理,未经许可,禁止∝转载

题图来自 〡Unsp√lash ,╟基于╯╰ CCψ0 协议