Axure8.0--上下折叠式二级菜单

1.这里以三个一级菜单为例

先做出如下的一级菜单、二级菜单 其中给一级菜单分别命名为rA、rB、rC、

2.三个一级菜单的子菜单分别转换为动态面板 分别命名为p1、p2、p3、

3.处理父菜单的点击事件控制显示隐藏的切换

4.当子菜单p1隐藏的时候,父菜单rB移动到P1的x轴的左侧y轴的顶部

当子菜单p1显示的时候,父菜单rB移动到P1的x轴的左侧y轴的底部

给P1添加用例

p2的也类似添加

5.设置p1、p2、p3的跟随移动

设置p1移动的时候rB跟着移动

         p2移动的时候rC跟着移动

p1
p2
p3

6.至此完成了二级菜单的联动

展示方式

开始只显示一级菜单,隐藏二级菜单,点击一级菜单展开显示二级菜单的模式

排序完成
预览
展开父菜单A
展开父菜单AB
展开父菜单ABC
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容