AXURE-超详细折叠菜单实现

本文档详细介绍了如何在Axure 8.0中创建折叠菜单,通过动态面板和状态切换实现展开与收起效果。首先创建动态面板,然后设置不同状态下的显示内容,接着配置鼠标单击事件来切换状态,最后进行预览,完成折叠菜单的制作。
摘要由CSDN通过智能技术生成

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

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

1.最终效果图

 

      变成

      

再变成

          

实现步骤1

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

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

            

 2. 创建动态面板1的State2

    同样的在State2中画一个相同的黄色矩形和黑色矩形,唯一不同的地方是State2的黑色矩形的状态是可见的,不是隐藏的,见下图

    

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值