Axure疑难杂症：垂直菜单展开与收回（4大核心问题与专家级解决方案）

[结构化知识课堂]

本文解决问题视频：

https://live.csdn.net/v/477882

 

第一部分先解决粉丝反馈较多的四类问题：

1、展开时如果下方菜单子项有显示的情况，那么上方的菜单子项会出现空白区域；

2、展开时如果下方菜单子项没有显示的情况，那么上方的菜单子项也会出现空白区域；

3、展开、收回、隐藏、推动、拉回的交互在哪个元件上设计，为什么不能设置在子项上；

4、超长菜单如何实现滑动；

问题1答疑：

反馈这类问题的最多，出现这个问题归因是：Axure交互时页面布局判断出现错误！向下展开时，因为下方有展开的子项，子项随着页面进行了移动，造成了交互混淆，axure在判断页面布局时出现混乱，造成了空白区域；

Axure10解决方案：设置组滚动，右键该组 → 【Scroll】→ 【Vertical Scroll】（垂直滚动）；设置固定高度：调整组的高度，使其小于内容高度，滚动条会一直显示。

Axure9解决方案：由于9没有组滚动，那我们就没办法了吗？这时候就需要依靠我们分析问题的能力了，既然问题出现在下方菜单子项的显示问题，那么如果在做展开子项时，我们不让下方菜单子项显示，是不是问题就解决了？？？

是的，经验证100%成功，和10一样丝滑的~~~~~

实现路径：单击时-先隐藏下方子菜单-在显示我们要展开的子菜单

第二部分有截图，因本文比较长，是此类问题的同学可跳过直接去第二部分阅读！

问题2答疑：

这类问题通过查看粉丝的截图，错误都是一致的，最后一个菜单交互：显示/隐藏菜单子线-推出/拉回下方元件（错误做法）；帅哥美女们，最后一个菜单后边可什么都没有了，还推出/拉回下方元件？？？？

解决方案：最后一个菜单项交互，是显示/隐藏菜单子项，不要画足添蛇了！

问题3答疑：

第三类问题我建议大家去看看之前我做的事件和动作文章（文末有直通车链接可以直达），交互做在哪个元件上混淆，基本逻辑就是谁发起交互就施加在哪个元件上。

解决方案：操作哪个元件，就在哪个元件上添加交互；

问题4答疑：

超长菜单实现鼠标滚轮上下滑动，这个属于交互效果的问题。

解决方案：使用两个动态面板，外层动态面板控制菜单整体显示区域，内层嵌套动态面板负责实现垂直滚动；实现方法第二部分有详解；

第二部分垂直菜单展开与收回实现方法和截图，请点击下方链接学习 

https://blog.csdn.net/benleiqiang/article/details/148049047?sharetype=blogdetail&sharerId=148049047&sharerefer=PC&sharesource=benleiqiang&spm=1011.2480.3001.8118