AXURE8.0制作二级菜单和三级菜单

最新推荐文章于 2025-04-28 11:01:25 发布
最新推荐文章于 2025-04-28 11:01:25 发布
阅读量5.4k 收藏 13
点赞数 5
CC 4.0 BY-SA版权
分类专栏： Axure 文章标签： Axure 二级菜单 三级菜单
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/PM_JING/article/details/99195625
本文详细介绍了如何使用AXURE8.0软件制作二级和三级菜单。通过步骤演示，从创建一级菜单，制作二级菜单动态面板，设置隐藏与显示事件，到复制扩展多级菜单，实现交互效果。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

今日分享：用AXURE8.0制作二级菜单和三级菜单

二级菜单

操作思路：首先做出一个【一级菜单】和三个【二级菜单】，完成后再复制多个【一级菜单】和【二级菜单】
第一步：拖一个矩形，作为【一级菜单】，命名：一级菜单1；
在这里插入图片描述

第二步：拖三个矩形，作为【一级菜单】下的三个【二级菜单】
在这里插入图片描述
第三步：同时选中三个【二级菜单】，先转为动态面板，然后设为隐藏（同时命名该动态面板为“二级菜单-1”）
在这里插入图片描述
设置完成后的效果
在这里插入图片描述
第四步：给【一级菜单】添加事件
在这里插入图片描述
好了，可以预览一个一级菜单和三个二级菜单的效果~~
在这里插入图片描述
第五步：同时复制刚完成的【一级菜单】和【二级菜单】，

最低0.47元/天 解锁文章

200万优质内容无限畅学
Axure疑难杂症：垂直菜单折叠与展开（玩转垂直菜单）
benleiqiang的博客
05-15 195
初学者常见的问题，如菜单展不开或拉不回等，并指出这些问题的根源在于对“交互触发”理解不深刻。课程通过具体步骤演示了如何设计垂直菜单的折叠与展开效果，包括元件的命名、交互逻辑的设置等。
Axure高级交互设计：树形菜单展开与折叠
benleiqiang的博客
10-18 1597
步骤五：添加一级类目下蔬菜的交互；单击蔬菜按钮——显示二级类目——设置选中效果；步骤二：依次录入一级类目、二级类目、三级类目、商品名单，组成整体信息内容。步骤七：依次为叶菜、瓜菜二级、三级、商品名称添加如上按钮的交互和更多选项。步骤三，除了一级类目，全部设置成载入时隐藏。如有其他相关问题，欢迎私信沟通，关注。
Axure9页面二级菜单制作（一）：固定数量二级菜单
DesertOrchid的博客
01-10 1787
1.从基本元件中拖拽出一个“中继器”原件； 2.双击“中继器”进入编辑页面： 1)双击矩形框，输入文字“一级菜单A”，选中该矩形框复制粘贴3次； 2)按照图示进行位置调整和名称修改（为了能够对一级菜单和二级菜单进行更好地区分，此处将一级菜单进行了颜色填充）； 3)将所有二级菜单选中，添加为一个组合，命名为“二级菜单组合”； 4)选中“一级菜单A”对其添加“显示/隐藏”交互操作，具体设置见下图： 3.双击推出“中继器”编辑页面：选中“中继器”，在右侧“样式”——“间距”中对“行”进行设置.
Axure教程：二级菜单的制作与使用
ofay
09-03 1388
前段时间跟甲方领导一块去开会，当时主要是因为有个项目比较着急，需要现场修改原型，修改过程中需要用到三级折叠菜单，当时怎么也整不出来，最后把二级菜单的样式修改了一下，虽然蒙混过关，但是真的觉得特别尴尬。会议结束后，我就紧急研究了一下怎样用更加简单的方式实现三级折叠菜单的制作与使用，过程中我们先将二级菜单的制作过程展示出来。话不多说，先上效果图（看着有些单调，如果想要其他效果，欢迎催更~）。接下来，我们说一下制作方法。
axsure-制作二级菜单
qq_37586348的博客
12-22 527
把二级菜单项都放在一个动态面板中，点击一级菜单时显示这个动态面板，并带有向下推动元件的效果。纵向的二级菜单，默认显示一级菜单、点击一级菜单之后展开/收缩该一级菜单下的二级菜单。
Axure教程：动态面板怎么做二级菜单
LongJiaoXingXiu的博客
06-11 1747
对于一些使用Axure的新手来说，用中继器制作二级菜单可能有点难度。今天本篇介绍一下：用动态面板做二级菜单的方法。 1
AXURE技巧用中继器制作三级菜单
mumuyouxi的博客
05-19 2475
xiaji:是否最后一级，1代表还有还一级，例如一级菜单下有二级菜单，就设置为1，没有二级菜单就代表末级，此时设置为0。用户设计好表格模型后，通过控制台的一系列命令，把最终要呈现的数据呈现给用户。注意：这里要设置选中的样式【选中矩形>交互样式>选中>填充颜色】menulevel:菜单等级，1代表一级菜单，以此类推。2）设置左侧图标1级显示icon，非1级隐藏。见上图：按矩形，小图标，箭头图标来设置。display：是否显示，1代表显示。ture:是否显示，1代表选中。载入时，隐藏的菜单会占位，见图。
使用Axure 8.0快速制作Web页面布局
Axure 8.0是一款专业的界面原型设计工具，旨在帮助用户快速创建网页和应用的交互原型。它提供了丰富的组件库和交互元素，使用户可以轻松设计出具有高度交互性和视觉效果的界面原型。 ## 1.2 Axure 8.0的特点和优势 ...
Axure 8.0：入门指南和基本工具介绍
Axure 8.0作为一款优秀的原型设计工具，能够快速高效地进行交互设计和原型制作，帮助设计师将创意转化为具体的展示效果。本章将为读者介绍什么是Axure 8.0以及它的概述和优势。 ## 1.2 Axure 8.0的概述 Axure 8.0...
Axure8.0中文版Windows安装包下载
知识点二：Axure RP 8.0的操作界面和用户体验 - 项目树：项目的结构化视图，方便用户管理和导航项目中的页面及元件。 - 工具栏：快速访问设计、交互、发布等常用工具和功能。 - 画布：实际设计原型的区域，拖拽组件...
Axure中继器实现三级菜单
weixin_44933101的博客
10-26 2334
在日常产品设计中，我们时常会使用到系统一级、二级、三级菜单等，那除了传统的动态面板设计菜单、矩形直接设计，有什么更便捷的方式吗，那就是用中继器实现三级菜单，下面我们一起来看看如何实现。Axure Design 高保真原型设计欢迎您，本站提供Axure多种动态交互元件库以及原型模板、高效便捷，提高设计效率。Axure Design 高保真原型设计欢迎您，本站提供Axure多种动态交互元件库以及原型模板、高效便捷，提高设计效率。步骤1：页面中拖入一个中继器，中继器中放三个元件，分别为图片、矩形、箭头图片。
Axure 2、3层级菜单展开折叠Demo.rp
02-21
使用Axure做的 2、3层级菜单展开折叠Demo rp 源文件。 点击一级菜单展开二级菜单，点击二级菜单展开三级菜单。 用户可直接下载使用。
Axure中ERP框架的三级菜单.rp
07-31
Axure中erp框架三级菜单的实现模型原理及方法，在实际的设计中用处很是广泛。欢迎广大朋友们提出指教及批评！
Axure 三级菜单 手风琴效果
10-31
Axure 三级菜单 手风琴效果的RP文件，无论是学习，还是自用，都可以方便使用。
【Axure视频教程】用中继器制作三级菜单
mushe93的博客
08-30 1081
今天教大家在Axure中用中继器三级菜单的原型模板，该教程从材料准备到完成交互，手把手的教学
【Axure】中继器三级菜单
ivys52的博客
03-18 326
Axure疑难杂症：利用中继器制作三级下拉菜单（逻辑判断进阶）
最新发布
benleiqiang的博客
04-28 735
实现的整体逻辑是利用文本框和中继器制作“伪下拉列表”，从应用场景上广泛应用于后台类型选择框、电商类的类目选择框、物联网平台类型选择框，是中高级产品经理必须掌握的重要知识点。制作难点：用户应用场景下的逻辑判断，实现难度中等；
blog20200919：02-Axure使用动态面板实现三级菜单
weixin_42013872的博客
09-19 840
首先，菜单分为三级。 在三级菜单展开之前，先把外层动态面板隐藏并拉动元件。 这样，所有二级菜单会变成收起状态。 然后，让三级菜单展开。 这时，外层动态面板自动适应展开后的尺寸（注意外层动态面板要设置自动适应内容尺寸），高度变长。 最后，再把外层动态面板显示出来，这样就会按照展开之后的高度推动下方元件。 第一步，我们先放入菜单的相关元件，这里我使用了一些占位符，大家也可以使用矩形，设置成其他样式。 第二步，我们把三级菜单的三个元件全选，在上面点击鼠标右键，选择【转换为动态面板】的选项；然后，
axure 如何设置选项联动_Axure案例：用中继器实现便捷好用的3级菜单
weixin_33586886的博客
02-06 1349
提示1：本篇教程可能不太适合新手，以及不了解中继器、全局变量、系统变量等使用的…新手提示2：文字其实不多，截图太多，所以看上去很长，也可直接翻到末尾查看所有的用例，其实并不多之前有介绍过使用中继器制作2级菜单，可以看出，使用中继器完成类似的多重复列表时比较便捷，至少比在N层动态面板来回切不断复制要轻松一些。这回我们尝试换一个思路来完成3级菜单。该思路两样适用于制作2级菜单，甚至更多层级的菜单。同时...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值