Flex 4：トランジションはincludeIn属性とexcludeFrom属性で使用できますか？

Question

要素を表示/非表示にするには、includeInとexcludeFromを使用するソースコードにトランジションを追加できますか？要素がすぐに隠されて、遷移が再生されるのに十分な時間がないようです。このdocumentation articleではvisibleとのプロパティを使用する方法が使用されていますが、これは避けたいMXMLコードを書き直す必要があることを意味します。

Answer 1

はい、Flex 4トランジションは状態でうまく動作します。 AddActionタグとRemoveActionタグをもっと見る必要があると思います。 「Flex 4 States And Transitions」と呼ばれるChet Haaseによる素晴らしい紹介ビデオがあります。 Googleを試してみてください

Answer 2

はい、これは遷移のためのユースケースです（状態をうまく隠したり表示しています）。

次の例を取る：componentBそれを収容するためにサイズ変更されながら

<s:Transition fromState="stateA" toState="stateB" autoReverse="true"> 
     <s:Sequence> 
     <s:Fade targets="{[componentA]}"/> 
     <s:Resize targets="{[componentB]}"/> 
     </s:Sequence> 
    </s:Transition> 
    <s:Transition fromState="stateB" toState="stateA" autoReverse="true"> 
     <s:Sequence> 
     <s:Resize targets="{[componentB]}"/> 
     <s:AddAction target="{componentA}"/> 
     <s:Fade targets="{[componentB]}"/> 
     </s:Sequence> 
    </s:Transition> 

例えば上記、componentAのみstateBに示されています。状態Aから状態Bに移行するとき（すなわち、コンポーネントAがなくなるとき）には、まずコンポーネントAがフェードアウトされ、次に外部コンテナがサイズ変更される。 stateBからstateAに移行するとき（componentB内でcomponentAを追加するとき）、componentBが最初にリサイズされ、次にcomponentAがフェードイン効果で追加されます（実際にcomponentAが追加されるとき、シーケンス内の正確なポイントを指定する必要があることに注意してください）。