apache-flex - Flex 3 - 如何定义 2 个状态并在它们之间转换？

Question

我使用 Flex 的第一步（目前使用 Flex 3），我想定义 2 个状态，首先我有一个列表和一个面板，下面有一些按钮。单击该面板中的一个按钮时，我希望将状态更改为“ListState”。在这种情况下，我应该如何定义哪个组件属于哪个状态？如何通过扩大列表并将面板向下“移动”到应用程序之外来为它们之间的过渡设置动画？预期行为如下图所示：

提前致谢

Answer 1

你可以在没有状态的情况下实现这一点。据我了解你的任务。我会建议你使用Canvas 100% 的高度和宽度。在画布内你使用List和Panel

清单将 <mx:List id="List" height="{cnvas.height-panel.height}" width="100%"/>

小组将<mx:Pannel id="panel" height="300" y="{cnvas.height-panel.height}" width="100%" paddingTop="10">

现在，当您单击按钮设置slideUP.play()和 pannel.height=0.

除此之外，您还必须设置动画：
<mx:AnimateProperty id="slideUP" target="{panel}" property="y" fromValue="{cnvas.height-panel.height}" toValue="{cnvas.height}" duration="400" />