AXURE-超详细折叠菜单实现

最新推荐文章于 2024-03-15 09:46:43 发布
VIP文章 最新推荐文章于 2024-03-15 09:46:43 发布
阅读量1.2w 收藏 15
点赞数 4
分类专栏： 语言学习
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/kol_mogorov/article/details/80013110
版权

这个折叠菜单简把我弄崩了，苍天呀，这里记录一下，希望后来的人少入点坑

所用版本为最新的Axure 8.0,我还不怎么会用动态面板呢，难死宝宝了

1.最终效果图

 

      变成

      

再变成

          

实现步骤1

         1，首先建立一个动态面板，左边的元件区拖出来就可以了（这个地方先不要改动态面板的属性：自动调整为内容尺寸，一会在改，将改动态面板取名为1。

         2.进入动态面板1的State1,画一个黄色的矩形和黑色的矩形，将黑色矩形的属性改为隐藏，排列

最低0.47元/天 解锁文章
Kol_mogorov
关注
  • 4
    点赞
  • 踩
  • 15
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
axure菜单tab可折叠菜单手机模型表格等高保真原型
05-11
axure,菜单,Tab切换、可折叠菜单、表格，登陆页面高保真模型
Axure后台组件制作的全过程
weixin_43851761的博客
11-02 496
大家好，前一段时间我刚刚分享了一篇《打造高品质Axure组件库就是这么简单》，意在分享给大家一个完整的打造axure组件的思维路径。本文着重于整体制作的技巧思路分享，希望大家通过本文的阅读能够学到对自己有用的知识。 最终效果浏览：http://www.uedart.com/demo.html 一、组件构建思路 1.1 确定模块 确定制作大模块类别，这边我将WebKit后台组件分为了以下9大模块： 1.2 细化各个模块内容 根据1.1定义的9大模块，对每个模块进行模块细分，这个结构.
【Axure教程】能增删改的树形表格
最新发布
mushe93的博客
03-15 1141
今天教大家怎么在Axure里制作多层级动态表格，包括展开、折叠、增加、修改、删除等效果，具体效果如下所示：
【Axure教程】中继器手风琴
mushe93的博客
07-01 315
手风琴是系统原型很常用的一个原型，但在Axure里的原生元件并没有手风琴，所以当我们需要用到手风琴的时候就需要自己制作了。 很多同学都会制作简单的手风琴效果，他们往往用动态面板、隐藏显示等事件去制作，目前很少有人真正用到中继器去做一个手风琴的模板，这样就会导致效率的低下，每次维护内容都要进行很多次复制粘贴等重复的工作，如果要做交互的话，那么就会更加麻烦。 所以作者今天教大家用中继器制作手风琴的原型模板，以后再次使用时，我们只需要在表格内填写文字即可，一键生成高保真的手风琴。 【原型预览】 https
Axure使用教程（二）、动态面板
c11073138的博客
04-06 2万+
动态面板可以设置多个状态，可以通过设置动态面板在不同状态间切换来实现复杂功能。比如弹出框、下拉菜单、轮播等。 一、如何创建、编辑、取消动态面板 1、从左侧部件库中拖进一个动态面板来。 2、双击动态面板，可以编辑动态面板。 如下图，出现动态面板弹出框，可以命名动态面板名称。另外选中State，点击可修改状态名称，双击可进入State编辑状态。 如果需要新增状态，点击下图中的加号。 3...
原型设计工具——axure认识与使用
热门推荐
xpbob的博客
09-10 2万+
一、Axure认识1.1、什么是Axure（发音：Ack-sure）?  Axure RP是一个专业的快速原型设计工具，是一个专业的快速原型设计工具，让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。1.2、Axure使用人群  使用者主要包括商业分析师、信息架构师、可用性专家、产品经理、IT咨询师、用户体验设计师、交互设计师、界面设计师
如何在Axure中做面板折叠/多级菜单折叠效果？
panjing_0520的博客
12-24 6623
工具：Axure RP 9 概论：使用动态面板，用交互效果切换面板状态，实现菜单折叠/展开的效果 最终实现效果：展开和收回 step1：在元件库中拖入矩形框，构建菜单栏 step2：选中所有矩形框，将矩形框设置为动态面板 step3：双击矩形框，到动态面板的设置窗口下，添加表头在state2下 复制一个表头到state2下 step4：关闭动态面板设置，选中矩形框，设置交互效果 选择交互效果【单击时】 选择【设置...
Axure 折叠面板（手风琴）动态交互效果制作
weixin_44933101的博客
08-01 2218
什么是折叠面板？ 折叠面板可能是响应式设计中的最重要主力。这是一个非常有用的逐步呈现的模型——突出显示每个部分的重要细节，必要时利用点击来显示更多详细信息。因此，设计始终集中在最先显示的关键信息上，以便其他一切都易于访问。......
Axure控制折叠菜单|按钮|1比1微信高保真初学者必学！
weixin_51946542的博客
08-09 185
Axure控制折叠菜单|初学者必学系列|折叠多级菜单，微信一比一原型制作，精美且简单，方便更实用，短时间突破高保真原型制作时间。助你在Axure制作中有很多灵感。
Axure RP9制作三级菜单实现展开收起（保姆级教程）
qq_73566291的博客
08-28 2185
保姆级让你学会三级菜单制作！超详细！不信来看看
Axure 导航折叠菜单实例
m0_62866824的博客
01-25 1241
一、说明 （1）下拉折叠菜单多为后台的菜单栏，点击一级菜单展示其子菜单，不只是代码才能够实现，axure也是可以做出这种效果的，下面让我来教大家走一遍吧！ 二、步骤 （1）先拉一个矩形跟一个水平菜单（这里命名随意主要是为了看效果） ...
Axure 2、3层级菜单展开折叠Demo.rp
02-21
使用Axure做的 2、3层级菜单展开折叠Demo rp 源文件。 点击一级菜单展开二级菜单，点击二级菜单展开三级菜单。 用户可直接下载使用。
Axure实现随意折叠和展开
06-11
Axure实现随意折叠和展开，类似jQuery 效果 - 淡入淡出等等
AXURE组件-web折叠菜单交互.rp
08-04
AXURE组件-web折叠菜单交互.rp
Axure设计-折叠菜单（中继器 ）
06-02
Axure设计—折叠菜单（中继器 ）；Axure设计—折叠菜单（中继器 ）；Axure设计—折叠菜单（中继器 ）；Axure设计—折叠菜单（中继器 ）；Axure设计—折叠菜单（中继器 ）；Axure设计—折叠菜单（中继器 ）Axure设计...
axure左侧折叠菜单和Tab标签实例
10-15
仅适用新手学习和参考，仅适用新手学习和参考，仅适用新手学习和参考。重要的事情说三遍，请高手飘过。只给新手学习和参考。
axure菜单和系统框架
08-09
1.实现axure折叠菜单 2，通过内联框架实现点击菜单后页面的动态加载
Axure折叠与展开效果的实现
12-30 1万+
http://www.masterchat.cn/article/20120501/217.html 视频教程 项目效果 点击表头，内容会展开或者收缩。 第一步，用矩形工具分别建立如下效果的图形 2，将内容部分(Section下边)转换成动态面板，分别命名为content-section1，content-section2，content-section3，分别为每个Section添加on
Axure教程—折叠面手风琴效果
weixin_43516258的博客
06-24 832
上文中介绍了用Axure制作折叠面板的基础制作，这次介绍折叠面板手机风琴效果
axure-chrome-extension.crx下载
02-01
axure-chrome-extension.crx是Axure网页原型设计工具的扩展文件。Axure是一款强大的交互式原型设计软件，用于创建高保真度的网页、应用程序和其他用户界面设计。Axure的Chrome扩展提供了便捷的方式，可以将Axure原型...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值