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

Question

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

提前致谢

Answer 1

你可以在没有国家的情况下实现这一点因为我理解你的任务。我建议你使用100％高度和宽度的Canvas。在画布内使用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。

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