UX(UE)Axure - UEAxure知识汇总

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

2017-11-28  本文已影响72人  非非非常可爱的小仙女儿

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
上一篇 下一篇

猜你喜欢

热点阅读