在动态面板【左侧菜单】中继续插入一个动态面板,命名【网格中心】。在【网格中心】动态面板中复制出两个状态,分别命名为「收起」和「展开」,在收起中插入一级菜单名称,展开中插入一级和二级菜单名称。如下图
二、设置交互
接下来,选择交互方式:鼠标或手指单击时—设置面板状态,目标元件选择当前原件,状态选择下一个,勾选从最后一个到第一个自动循环,点开更多选项:勾选展开/收起原件,选择线性50毫秒,点击完成就OK了。如下图
三、调整动态面板属性
最后,也是最重要的一步,选中刚刚创建的一级菜单【网格中心】,点击鼠标右键勾选调整大小以适合内容,这时候菜单的展开和收起的交互已经做好了,想要设置多个菜单的话按照操作步骤以此类推,也可以直接复制。如下图
调整一下位置颜色和文字大小就完成了,最终效果展示如下图
以上就是Axure制作左侧下拉菜单导航栏的全部内容了,更多精彩教程请关注macw.com!
以上就是MacW小编为大家带来的“Axure基础教程:快速创建动态面板制作左侧下拉菜单导航栏”,本文关键词:“Axure教程,如何制作左侧下拉菜单导航栏,Axure RP下载,Axure元件库”,链接:“https://www.macw.com/news/1928.html”,转载请保留。
Mac教程Axure RP教程,如何查看和共享您的原型?
Axure RP 9 for Mac是Mac平台上的一款专为快速原型设计而生的应用,Axure RP 9 Mac破解版可以辅助产品经理快速设计完整的产品原型,并结合批注,说明以及流程图,框架图等元素,将产品完整地表述给各方面设计人员,如UI 、UE等等,并在讨论中不断完善。今天就给大家带来了Axure RP如何查看和共享您的原型的教程,一起来看看吧!
2792020-03-22
Mac常见问题Axure在浏览器中预览时文字大小错误失效的解决办法
在用Axure设计时,有时候需要用到较小的文字来表达注释、标签等内容。但是在用浏览器预览时,会遇到设置的字号无效的情况。
442021-02-21
Mac教程axure教程|axure之图片拖动放大缩小
大家好,我是macw小编,今天给大家带来一个axure拖动图片可以改变大小尺寸的教程。axure教程很简单的,几步就搞定了。
742021-02-22
Mac资讯Axure 10新功能:全新的动态面板视图
Axure 10已将上线了,Axure RP 10当前处于Beta版,仅适用于拥有有效Axure RP 9许可证或订阅的客户。今天macw小编带大家详细了解一下Axure 10的新功能。
1512021-02-22
Mac教程Axure9教程:如何实现淘宝模糊搜索框?
提到淘宝的搜索,大家都能想到在这个搜索框输入关键词后出现的一系列联想词。那么这种效果如何通过Axure做出来呢?又有哪些要点呢?
732021-02-28
Mac教程axure教程:如何实现数字输入框效果?
虽然AXURE有自带的数字输入控件,但是axure自带的交互和样式可能与我们产品的整体效果不一样,往往需要自己制作,那如何制作逼真的数字输入框控件呢,我们一起看看吧~
402021-03-26
Mac教程原型设计工具Axure提升效率的8个技巧
Axure专为快速原型设计而生的应用,Axure破解版可以辅助产品经理快速设计完整的产品原型,并结合批注,说明以及流程图,框架图等元素。如何使用Axure设计工具提升效率,包括以下几方面
652021-09-09
Mac技巧文件拖放工具Yoink for Mac使用技巧
Yoink Mac版是Mac上一款临时文件存储助手,当你拖动文件时Yoink for Mac就会出现,拖放文件到Yoink窗口中即可,需要文件时随时都能从Yoink窗口中拖出文件,使用非常便捷。本文就给大家带来了Yoink for Mac使用技巧。
252021-09-13
Mac教程Axure基础教程:绘制饼状图
在产品设计过程中,会做一些图表分析的功能,这时候会经常使用饼状图,今天我来教大家如何利用Axure RP绘制饼状图。
392021-11-03