私が何をしても、トランジションは期待どおりに機能しません。問題を説明してから、コードを下部に配置します。
私のアプリケーションには4つの状態があります。
goButton
とにのみ存在"State1"
し"State2"
ます。
State1
とState2
ほぼ同じですが、のy
プロパティはgoButton
それぞれで異なります。そこで、ボタンを前後に動かす小さなトランジションを作成しました。これまでのところ良い。
ただし、との両方 "State1"
を"State2"
に移行することもできます"State3"
。しかし、にはないgoButton
ので、とエフェクトを"State3"
使用してそれを取り除きました。<s:Fade>
<s:RemoveAction>
から "State1"
への移行は正常"State3"
に機能しますが、からへの移行は機能しません。"State2"
"State3"
からのトランジションを"State2"
ちらつき/点滅ですぐに元の位置に戻そうとすると、実際にはトランジションのみが実行されます。"State3"
goButton
"State1"
"State3"
これは私のgoButton
<s:Button id="goButton" includeIn="State1,State2" x="319" y="212" width="33" height="33"
click="goButton_clickHandler()"
icon="@Embed('file:///C:/Users/Felipe/Downloads/1317358341_magnifier_medium.png')"
toolTip="go"
x.State2="319" y.State2="275"/>
これらは関連するトランジションです。
<s:Transition fromState="State1" toState="State3" >
<s:Sequence>
<s:Fade duration="700" targets="{[searchLabel,searchTextInput,inLabel,inDropDownList,goButton,addNewLessonButton]}" />
<s:RemoveAction targets="{[searchLabel,searchTextInput,inLabel,inDropDownList,goButton,addNewLessonButton]}" />
<s:AddAction targets="{[lessonsDataGrid,backButton]}" />
<s:Fade duration="700" targets="{[lessonsDataGrid,backButton]}" />
</s:Sequence>
</s:Transition>
<s:Transition fromState="State2" toState="State3" >
<s:Sequence>
<s:Fade duration="700" targets="{[searchLabel,searchTextInput,inLabel,inDropDownList,tagsLabel,tagsTextInput,goButton,addNewLessonButton]}" />
<s:RemoveAction targets="{[searchLabel,searchTextInput,inLabel,inDropDownList,tagsLabel,tagsTextInput,goButton,addNewLessonButton]}" />
<s:AddAction targets="{[lessonsDataGrid,backButton]}" />
<s:Fade duration="700" targets="{[lessonsDataGrid,backButton]}" />
</s:Sequence>
</s:Transition>
私の推測では、Flexは、トランジションを実行する前に、常にコンポーネントを元の位置に戻します(理由は聞かないでください)。私はこのアプリの別のバージョンを試しました。そこでは、自分のプロパティx
とy
プロパティをgoButton
それらが含まれているものに"State2"
設定してから、設定x.State1 = something else
しy.State1 = something else
て何が起こるかを推測しますか?正確な逆問題が発生します!から"State2"
への移行は問題ありませんが、からへ"State3"
の移行は機能しません。ちらつきが元の位置(現在はの位置)に戻り、その後に移行が行われるためです。"State1"
"State3"
goButton
"State2"
男これは私を夢中にさせています。 _ __ _ __ _ __ _ __ _ __ _ __ // _ __ _ __ _ __ _ __ _ __ _ __ _ __ _ __ _ __ _ __ __ _ __ _ __ _ __ _ __ _ __ _ // _ __ _ __ _ __ _ __ _ __ _ __ _ __ _ __ _ __ _
編集
アプリへのリンクを追加しました>>>>ここ<<<<<<オプション「選択したタグ」を選択してから「goButton」をクリックすると、問題を確認できます。あなたは私が話していることを見るでしょう。ソースを表示できます!!!