美文网首页UX(UE)Axure - UEAxure知识汇总
Axure8.0--上下折叠式二级菜单

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

作者: 非非非常可爱的小仙女儿 | 来源:发表于2017-11-28 16:25 被阅读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

相关文章

网友评论

本文标题:Axure8.0--上下折叠式二级菜单

本文链接:https://www.haomeiwen.com/subject/pxfebxtx.html