Axure 基础详解一：下拉菜单的制作

最新推荐文章于 2024-09-24 10:09:33 发布
最新推荐文章于 2024-09-24 10:09:33 发布
阅读量4.9k 收藏 6
点赞数 2
分类专栏： Axure基础运用 文章标签： axure
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_55576134/article/details/133827961
版权
本文介绍了在Axure中通过两种方法（利用显示隐藏和动态面板切换状态）创建美观且可定制的下拉菜单，包括折叠面板的制作技巧，以及如何利用交互设置优化空间和效果。

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

Axure中自带的下拉菜单样式是不能更改的，美观性不足，通过元件自制的下拉菜单无论是美观性，还是样式和交互方式都更加的多样。

方法1：利用显示隐藏

原理：当鼠标点击选择框时，下拉选项便会显示出来，再点击所要选择的选项，下拉选项便会隐藏。并通过设置文本将选择框中的文字设置成下拉菜单选项中的文字。

设置交互：可对动态面板设置切换状态，点击选择框时可实现来回展开收起。 

方法2：利用动态面板切换状态

最低0.47元/天 解锁文章
Axure疑难杂症：垂直菜单折叠与展开（玩转垂直菜单）
benleiqiang的博客
04-08 437
关于垂直菜单的折叠与展开交互，是产品经理入门是一个非常常见的问题，很多人会出现“展不开子菜单”、“拉不回子菜单”、“展开错位”、“拉回错位”等等这些问题，那么发现问题，我们就要找问题的原因，单纯告诉大家怎么做，以后还会犯类似的错误。那么折叠与展开的归因是大家对“交互触发”理解不深刻，什么时候触发我们设计好的交互，在哪种场景下需要触发，有的人看到这就划过去了，我负责任的说，以后你一定会遇到使用文本框计数的场景，那时候还要回来补课的。
Axure -下拉菜单制作
06-23
Axure -下拉菜单制作.rp http://blog.youkuaiyun.com/a215318036/article/details/7685729
Axure设计之下拉单选框教程（中继器）
招风的黑耳优快云
08-24 2295
在Axure RP中，使用中继器（Repeater）可以实现许多复杂而动态的用户界面组件，比如下拉单选框。本文将详细介绍如何通过中继器创建一个美观且功能丰富的下拉单选框。
axure菜单栏实现，附原件
weixin_43601047的博客
08-24 3737
axure实现左侧菜单栏，包含：一级菜单的打开和关闭，鼠标的悬停和选中效果。原型预览地址仅作学习记录…
axure制作菜单下拉、隐藏、点击选中效果
CheerTan is here
06-13 2151
将这个效果复制到每个子菜单里，做到这一步时，虽然能鼠标悬浮高亮，点击选中高亮，但会出现点击多个栏目后会同时高亮的情况，此时需要通过设置selection group的方式，让这几个组件只能同时一个被选中，右击组件—selection group，可以命名为主导航菜单选项组，将后续所有菜单里的组件都加到这个组件里。点击页面空白处，在OnPageLoad里设置Show Hide的效果，如下图所示。在箭头处添加互动效果，为方便起见，先将路由列表，网关配置，向导配置几个组件选中，命名为网络配置子菜单，如下图所示。
Axure教程：二级菜单的制作与使用
ofay
09-03 1285
前段时间跟甲方领导一块去开会，当时主要是因为有个项目比较着急，需要现场修改原型，修改过程中需要用到三级折叠菜单，当时怎么也整不出来，最后把二级菜单的样式修改了一下，虽然蒙混过关，但是真的觉得特别尴尬。会议结束后，我就紧急研究了一下怎样用更加简单的方式实现三级折叠菜单的制作与使用，过程中我们先将二级菜单的制作过程展示出来。话不多说，先上效果图（看着有些单调，如果想要其他效果，欢迎催更~）。接下来，我们说一下制作方法。
Axure组件库详解：提升原型设计效率
组件库可以包含很多通用的UI元素，例如按钮、下拉菜单、滑动条、对话框等。使用组件库的好处是： - 节省设计时间：避免从零开始设计每个元素，可以迅速完成界面的初步布局。 - 保持一致性：保证产品界面元素风格和...
Axure动态面板详解：实现交互效果的关键
1. **隐藏与显示**：你可以通过设置动态面板的状态来控制其可见性，从而模拟界面元素的隐藏和显示，例如下拉菜单或模态框的出现和消失。 2. **滑动效果**：动态面板可用于实现页面滚动或内容滑动，如轮播图或滑动...
Axure7.0部件详解：Widgets操作与设计指南
"本资源是关于Axure7.0的教程，主要讲解了部件Widgets的使用，包括部件的概述、...这个教程详细介绍了Axure7.0中部件的基本操作和高级技巧，为初学者提供了一个全面的入门指南，帮助他们掌握交互原型设计的基础技能。
用Axure画出Web后台产品的菜单栏组件
ofay
09-10 1023
如果页面特别多，可以采用三级菜单栏，即第一级菜单是分类，第二级菜单是分类，第三级菜单是页面。另外Axure左侧页面结构中也需要以相应的分类名称页面名称进行使用，方便开发和测试理解。
axure源文件下拉菜单交互
10-21
axure的原型封装组件，可以修改后重复使用，减少开发难度！
Axure实现抽屉式菜单
12-26
效果实现教程地址：https://blog.youkuaiyun.com/qq_27884377/article/details/85263038
Axure左边菜单，右边显示内容案例
03-29
Axure8.0制作选择左边菜单栏，右边显示相关内容案例，相关详细图文操作，可以参考博客内容：http://blog.youkuaiyun.com/ffacffac/article/details/67639914
Axure制作菜单栏效果
PMIIᶜᶜ的博客
06-25 3347
如何用Axure制作上面效果的菜单栏？直接上步骤：新建1个母版（菜单栏模板）和5个页面（页面1——页面5），当点击菜单栏按键时，对应弹出页面效果 【母版制作】制作一个菜单框，拖一个矩形并输入“页面1”，再拖一个小图标和矩形做一个组合。 【母版制作】菜单框属性设置：矩形和小图标分别设置属性，属性为黑底白字，再设置鼠标悬停时为绿底白字，元件选中时黑底绿字。 【母版制作】菜单框交互设置1：矩形设置交互，如果当前组合的选中状态 == 真 ，则矩形设置为选中。小图标做相同交互设计。【母版制作】将上面菜单框复制5个，并
Axure原型设计：实现菜单下拉效果
最新发布
ofay
09-24 838
尽管Axure的基础元件库里面已经有菜单项了，但是样式和交互我们不一定喜欢，所以这里自己制作菜单项以满足不同的需求。
Axure教程：用中继器做下拉菜单（含视频教程）
mushe93的博客
12-29 2015
今天和大家分享一个中继器的高级教程——用中继器来做下拉菜单。 该教程有视频教程，已上传至原型分享群，进群可查看视频及下载原型。 一、原型效果预览 下面是做好的下拉菜单的效果，你们也可以自行体验哈。 原型演示及下载地址：https://axhub.im/pro/e9c062785e25944a/#g=1 作者微信：522073109 二、为什么要用中继器做下拉菜单 开始教学之前，我们先来探讨一下为什么要用中继器来做下拉菜单。 首先，市面上的下拉菜单的教程都是用动态面板来做的，通..
【Axure】二级多选下拉列表
ivys52的博客
05-07 2028
重点：根据二级选项的选中情况反向判断一级选项的选中情况。
Axure 9 实战案例，动态面板的应用 4.1，省市区三级联动下拉菜单（重制简易版）
默林工作室
02-13 4042
Hello！欢迎来到Axure 9 实战案例教程专栏。本次课程我们继续来学习一下，动态面板的应用。本篇我们来讲解一下，如何绘制省市区联动下拉菜单（重新撰写简易版）。下拉菜单初稿为了节省时间，这里提前把下拉菜单初稿准备好了。我们的思路是：①当省份选择【北京】时，城市菜单切换为北京状态；②当城市菜单选择【北京市】时，区县菜单切换为北京区县。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

太空背包客

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值