【问题标题】:Flex 3 - How to define 2 states and transition between them?Flex 3 - 如何定义 2 个状态并在它们之间转换?
【发布时间】:2023-10-26 17:28:01
【问题描述】:

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

提前致谢

【问题讨论】:

    标签: apache-flex animation flex3 transitions states


    【解决方案1】:

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

    列表将 <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" />

    【讨论】: