axure怎么实现抽屉菜单

 时间:2024-11-07 19:21:57

在网页中我们经常会看到一些推拉抽屉菜单,那这种推拉菜单怎么用axure来实现呢?

axure怎么实现抽屉菜单

工具/原料

axure

pc、Mac电脑

方法/步骤

1、首先打开软件,在元件库中选择“矩形”元件,并把元件拖入到画布中(如图)。

axure怎么实现抽屉菜单

2、复制矩形,您可以根据您菜单数量选择复制下拉菜单的数量,复制好后,选中复制的矩形并对其编组(如图)。

axure怎么实现抽屉菜单

3、对下拉项目编组后,继续鼠标右键在下拉框中选择“设为隐藏”。(如图)。

axure怎么实现抽屉菜单

4、设为隐藏后,我们在右上角给隐藏元件取名叫“下拉项”。取名的目的是为了方便查找(如图)。

axure怎么实现抽屉菜单

5、选中第一步绘制的矩形,在右上角找到属性栏,点击“鼠标单击时”(如图)。

axure怎么实现抽屉菜单

6、在弹出的对话框中点击“显示隐藏“,然后在配置动作中,选中我们刚才命名的“下拉项”元竭惮蚕斗件。接着在可见性这一栏:选择高酿眚郁“切换”。显现动画这一栏选择:“向下翻转”。隐藏动画这一栏“向上翻转”。最后勾选“推动/拉动元件”,并在方向这一栏:勾选“下方”。动画选择这一栏选择“线性”点击“确定”制作完成(如图)。

axure怎么实现抽屉菜单

7、保存文件,在浏览器中预览,查看实现效果。

axure怎么实现抽屉菜单

8、总结设置点击啊按钮2粑颇岔鲷、设置下拉元素把下拉元素设为隐藏给下拉项命名选中点击按钮设置点击事件设置下拉参数完成

Axure如何快速制作抽屉效果菜单 AxureRP如何设置元件位置 Axure RP 如何实现下拉框二级联动效果 教大家使用Axure制作点击展开的下拉菜单效果 PS内置滤镜——之风格化
热门搜索
张继科图片 旋风少女第二部 狼毒花图片 妄想少年观测少女 树木图片