axure如何做导航栏的展开和收缩

作者:国际小甜 | 创建时间: 2023-05-07
axure中如果需要做一个产品,避免不了需要用到导航栏,今天来说一下怎么做侧边导航栏的展开和收缩形式...
axure如何做导航栏的展开和收缩

操作方法

将主菜单和子菜单转换为动态面板,右击-转换为动态面板

设置各个面板的状态,将面板设置为“选中”和“未选中”两种状态 如: 子菜单选中为:蓝色、17号字 子菜单未选中为:黑色、16号字 主菜单选中为:17号字 主菜单未选中为:16号字 提示,点击状态即可编辑状态。

主菜单和子菜单都设置成: 鼠标移入:为选中 鼠标移出:未选中

子菜单均设计为隐藏

鼠标单击主菜单,切换显示隐藏子菜单

其他设计成组合,子菜单隐藏时组合移动到绝对位置eg(0,148) 子菜单显示时组合移动到绝对位置eg(0,278)

完成,运行后效果如下。

点击展开全文

更多推荐