Axure学习记录（菜单下拉/收起效果）

最新推荐文章于 2025-04-08 18:09:07 发布
最新推荐文章于 2025-04-08 18:09:07 发布
阅读量1.4k 收藏 1
点赞数 2
分类专栏： 产品经理 文章标签： axure
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_41604890/article/details/125581917
版权

Ant Design

链接: Ant Design

跳转页面操作

可以使用热区或者原件上选择交互中的 框架中打开链接 实现
在这里插入图片描述

左侧菜单下拉/收起效果

链接: 左侧菜单下拉/收起效果

一级菜单下添加动态面板放置二级菜单

在这里插入图片描述

动态面积设置 自适应内容

在这里插入图片描述

将动态面积设置隐藏

在这里插入图片描述
设置隐藏后

在这里插入图片描述

进行交互设置

在这里插入图片描述

复制一份，记得两个一级菜单之间预留一点缝隙，推拉才能生效

在这里插入图片描述

演示效果

在这里插入图片描述

Axure RP9.0 教程：左侧菜单列表导航 ( 点击父级菜单，子菜单自动收缩或展开)【响应式的菜单导航】
专注于计算机研发知识和资讯分享
03-25 548
1. 设置目标原件时，选择切换，这样就可以实现，当原件展示时，点击自动隐藏，隐藏时自动显示； 2. 展开/收起原件（推动/拉动原件）设置为方向**向下**
Axure高级交互设计：树形菜单展开与折叠
benleiqiang的博客
10-18 1491
步骤五：添加一级类目下蔬菜的交互；单击蔬菜按钮——显示二级类目——设置选中效果；步骤二：依次录入一级类目、二级类目、三级类目、商品名单，组成整体信息内容。步骤七：依次为叶菜、瓜菜二级、三级、商品名称添加如上按钮的交互和更多选项。步骤三，除了一级类目，全部设置成载入时隐藏。如有其他相关问题，欢迎私信沟通，关注。
Axure9 |菜单的弹出与收起
Binnadadada的博客
05-27 3786
实现效果： 首先，布置页面，将菜单所有的元件组合，组合的名称为"菜单"；同时将“菜单”设置为隐藏； 我们要实现的效果很简单，就是单击“+”时，菜单展开，再次点击菜单收起。也就是说，如果菜单不可见，那么单击“+”时，应该展开菜单；如果菜单已经可见，单击“+”时，收起菜单； 所以，按照这个思路，开始设置“+”的交互。 如图，事件为单击时， 1.添加情形一，在情形一这个条件下，插入动作--显示菜单； 2.添加情形二，在情形二这个条件下，插入动作--隐藏菜单； ...
axureR9 制作左侧菜单弹出收起效果
mumuyouxi的博客
05-15 1039
单击时>显示/隐藏动态面板>切换>向下滑动>更多选项>推拉原件>下方>效果选择线性>点击完成。第三步：拖拉一个动态面板>动态面板里面拖拉button作二级菜单>动态面板隐藏。第五步：再拖拉一个button做一级菜单，和原先的一级菜单并排。第四步：点击一级菜单button，设置交互【第二步：拖拉1个button作一级菜单。第一步：打开axure,创建1个页面。
Axure疑难杂症：垂直菜单折叠与展开（玩转垂直菜单）
最新发布
benleiqiang的博客
04-08 435
关于垂直菜单的折叠与展开交互，是产品经理入门是一个非常常见的问题，很多人会出现“展不开子菜单”、“拉不回子菜单”、“展开错位”、“拉回错位”等等这些问题，那么发现问题，我们就要找问题的原因，单纯告诉大家怎么做，以后还会犯类似的错误。那么折叠与展开的归因是大家对“交互触发”理解不深刻，什么时候触发我们设计好的交互，在哪种场景下需要触发，有的人看到这就划过去了，我负责任的说，以后你一定会遇到使用文本框计数的场景，那时候还要回来补课的。
Axure RP9制作三级菜单实现展开收起（保姆级教程）
qq_73566291的博客
08-28 5549
保姆级让你学会三级菜单制作！超详细！不信来看看
Axure--面板收起/展开
星空
04-16 9414
要想实现上面的步骤： 1、首先绘制一个矩形和收起按钮 2、在绘制一个动态面板，放一个矩形和展开按钮 3、设置点击事件 3.1、先设置收起点击事件 3.2、先设置展开点击事件 4、完成设置，F5看效果 或者借鉴别人的方法，如下： https://blog.youkuaiyun.com/happymatilian/article/details/70757804 ...
导航菜单栏的弹出与收起|零基础学Axure|产品经理
qq_43777616的博客
08-17 685
导航菜单栏的弹出与收起|零基础学Axure|产品经理
Axure制作左侧菜单下拉收起效果实验资料
资源摘要信息:"本资源包是针对人机交互课程的第八次实验，主要包含了关于Axure RP9工具制作左侧菜单下拉收起效果的相关资料。Axure RP9是一款专业的原型设计工具，广泛用于交互设计和原型制作领域。通过本次实验资料...
Axure rp9 学习笔记 2.通过动态面板实现左侧菜单栏推拉
aikyj的博客
05-16 2165
1.元件库中拉出一个方框，并设置大小。 2.输入菜单名称，如“一级标题A1”并设置文字大小为16、加粗、左对齐。设置方框背景填充为白色、左边距为15。 3.点击方框，右键设置样式效果。鼠标悬停时，填充灰色。鼠标按键按下时，填充绿色。（颜色可按喜好设置） 4.点击方框，右键菜单中选择转为动态面板，并给动态面板命名为A1。 5.再次拖入一个方框，并设置大小。输入菜单名称，如“二级标题1”并设置文字大小为14、左对齐。设置方框背景填充为白色、左边距为25。 6.与步骤3一样，右键设...
Axure 2、3层级菜单展开折叠Demo.rp
02-21
使用Axure做的 2、3层级菜单展开折叠Demo rp 源文件。 点击一级菜单展开二级菜单，点击二级菜单展开三级菜单。 用户可直接下载使用。
Axure实现随意折叠和展开
06-11
Axure实现随意折叠和展开，类似jQuery 效果 - 淡入淡出等等
Axure菜单收缩效果
05-06
Axure RP8 菜单收缩效果展示，利用了动态面板设计，新手可参考学习
【Axure】普通多选下拉列表
ivys52的博客
04-28 2553
可水平滚动查看已选项的普通多选下拉列表。
Axure高级交互设计：垂直菜单展开与折叠（100%成功）
benleiqiang的博客
10-18 1753
步骤二：命名，设置两个主菜单组合，命名为基本元件库和交互效果；并分别组合两个子菜单，分别命名为基本元件库子菜单、交互效果子菜单；步骤一：拖入矩形，将颜色设置成和案例一致即可，分别进行文字输入，参考案例；步骤六：叠加四个按钮，形成如下图的效果；如有其他相关问题，欢迎私信沟通，关注。步骤五：交互效果菜单项展开与折叠交互。步骤三：添加两个子菜单载入时隐藏；步骤七：添加整体悬停效果，完工。
Axure第10享：更新一级菜单名称，点击一次收起二级菜单，又显示原来的菜单
不患无位，患所以立；不患莫己知，求为可知也
08-08 1839
问题描述： 更新一级菜单名称（如下图1），点击一次收起二级菜单，又显示原来的菜单（如下图2），如何处理？ 图1 图2 答惑： 这是由于采用的菜单里只调整了“展开”的一级名称，需要选择“收缩菜单”，选中“收起”（如下图3）再修改一次即可。 图3 ...
Axure常用交互效果五——展开与收回
benleiqiang的博客
10-10 1532
步骤八：为收回添加交互，载入时隐藏收回，单击时——显示展开，隐藏收回——隐藏背景1，隐藏新增查询条件——查询组合回到原位。步骤五：为展开按钮添加交互，单击时——显示查询条件和背景1——移动查询条件。步骤六：坐标的选择，需要我们模拟新增条件查询预到达位置，并记录下这个坐标；在做完以上交互后，我们还要隐藏展开这个按键，并显示收回，调起其他交互；步骤三：为新增的查询条件添加交互，组合这个查询条件，载入时隐藏。步骤四：组合查询按钮、展开和收回；
Axure RP 9 for mac 高保真原型图 - 案例18 【导航栏-展开、收起】导入元件库
GroupiesM的博客
09-16 3047
Axure RP 9 for mac 高保真原型图 - 案例18 【导航栏-展开、收起】导入元件库
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值