Axure9原型设计：动态面板实现APP隐藏菜单.docx

Axure9原型设计：动态面板实现APP隐藏菜单 Axure9是一个功能强大的原型设计工具，能够快速创建交互式原型。通过Axure9，我们可以创建一个隐藏菜单，实现APP中的侧栏菜单、浮动菜单、更多菜单等效果。下面，我们将详细介绍如何使用Axure9实现这些效果。 一、侧栏菜单 要实现侧栏菜单，我们需要拖拉三个元件：一个矩形、一个文字、一个图片，并添加一个动态面板。动态面板的状态中只有一个矩形和一个文字。我们需要注意的是，Axure9的负空间是一个非常有用的功能，它可以帮助我们实现复杂的交互效果。 添加交互时，我们需要添加一个单击事件，来展示和隐藏侧栏菜单。我们可以添加两个情形：展示和隐藏。展示时，我们将动态面板移到达(0,0)的位置，并且动画效果可有可无。隐藏时，我们将动态面板移到达(-200,0)的位置，并且把右边的元件拉回来。 二、浮钮菜单 要实现浮钮菜单，我们需要拖拉四个元件：两个矩形框、一个图片和一个圆形。我们需要添加一个动态面板，并设置可不见。然后，我们添加一个状态，在状态里添加一个图片和一个圆形。 添加交互时，我们需要添加一个单击事件，来显示和隐藏浮钮菜单。我们可以添加两个情形：显示和隐藏。显示时，我们将浮钮菜单逐渐显示出来，并隐藏浮钮按钮。隐藏时，我们将浮-btn菜单隐藏，并显示浮-btn按钮。 三、更多菜单 要实现更多菜单，我们需要拖拉四个元件：两个矩形框、一个图片和一个圆形。我们需要添加一个动态面板，并设置可不见。然后，我们添加一个状态，在状态里添加一个矩形和一个关闭的图片。 添加交互时，我们需要添加一个单击事件，来显示和隐藏更多菜单。我们可以添加两个情形：显示和隐藏。显示时，我们将更多菜单以灯箱效果显示出来。隐藏时，我们将更多菜单隐藏。 四、总结 这些效果都不是我的创意，我只是代码搬运工。通过Axure9，我们可以快速实现这些效果。 Axure9是一个功能强大的原型设计工具，能够帮助我们快速创建交互式原型。