flex 状态之间的平滑过渡答案

【问题标题】：flex smooth transition between statesflex 状态之间的平滑过渡
【发布时间】：2012-05-10 10:55:01
【问题描述】：

我有以下定义的状态：

<s:states>      
    <s:State name="DoorState"/>
    <s:State name="TvState"/>
    <s:State name="LightsState"/>
    <s:State name="BlindsState"/>
    <s:State name="BedState"/>              
</s:states>

它们每个都会触发一个组件出现，我应该怎么做才能实现它们之间的平滑过渡，无论 fromState 和 toState 是什么？也许是一个淡出淡入效果？？

<s:transitions>
    <s:Transition fromState="*" toState="*">
        ???
    </s:Transition>
</s:transitions>

【问题讨论】：

这是一个编程问题还是美学问题？
'因为如果它是一个编程问题，我不明白你在问什么，或者这个问题太模糊了。如果它是美学的，它在 StackOverflow 上是题外话。
就它需要解决的代码而言，它也是一个编程问题..

标签： apache-flex fade effects transitions states

【解决方案1】：

我使用了下面的过渡

<s:transitions>
    <s:Transition fromState="*" toState="DoorState">
            <s:Move xFrom="1366" xTo="0" duration="500" target="{doorComponent}"/>
    </s:Transition>
    <s:Transition fromState="*" toState="LightsState">
        <s:Move xFrom="1366" xTo="0" duration="500" target="{lightsComponent}"/>
    </s:Transition>
    <s:Transition fromState="*" toState="BedState">
        <s:Move xFrom="1366" xTo="0" duration="500" target="{bedComponent}"/>
    </s:Transition>
    <s:Transition fromState="*" toState="BlindsState">
        <s:Move xFrom="1366" xTo="0" duration="500" target="{blindsComponent}"/>
    </s:Transition>
    <s:Transition fromState="*" toState="TvState">
        <s:Parallel>                
            <s:Move xFrom="1366" xTo="0" duration="500" target="{tvComponent}"/>
        </s:Parallel>
    </s:Transition>
</s:transitions>

就像滑入/滑出..

【讨论】：