Axure RP9 PC端左侧折叠菜单栏切换效果实现

本文介绍了如何使用Axure RP9创建PC端左侧折叠菜单栏的切换效果。通过动态面板制作一级菜单,添加鼠标悬停交互,设置菜单的展开和折叠状态,并实现多个菜单间的联动效果。详细步骤包括菜单按钮的创建、动态面板转换、交互效果的设定等,最终完成菜单的交互设计。

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

1.用动态面板制作“一级菜单”

 如上图所示,从左侧元件库中拖一个矩形到画布中进行创作一个菜单的按钮。然后根据自己的需求调整按钮的尺寸(如:标示3),再调节按钮的其它颜色、描边等。

 根据自己的需要,还可以丰富按钮的样式,我这里为按钮添加了图标和展开的小箭头图标(图标可以到阿里图标库自己去下载),选中按钮的所有元件,Ctrl+G编个组

 做好“一级菜单1”后,按住Ctrl键,拖拽向下复制(或者Ctrl+c)一个“子菜单1”(把子菜单提出来,不是组合状态哦)。我们去掉二级菜单的一些图标样式,调整色块和字体的颜色形成子菜单按钮。全选所有的按钮,右键→转换为动态面板,为动态面板命名为“一级菜单”。

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值