removeChild effect

[StevenW]

Ik verwijder een panel als ik naar een andere state ga. Dit werkt. Maar nu wil ik een effect eraan toevoegen en ik wil dat de rest van de effecten pas beginnen als de panel weg is.


<mx:states>
<mx:State name="menu">
<mx:RemoveChild target="{panel1}"/>// hier een effect aan toevoegen?
<mx:SetProperty target="{canvas1}" name="height" value="500"/>
<mx:SetProperty target="{canvas1}" name="width" value="900"/>
</mx:State>
</mx:states>
<mx:transitions>
<mx:Transition id="myTransition" fromState="*" toState="menu">
<mx:Parallel target="{canvas1}">
<mx:Resize duration="2000"/>
<mx:Rotate angleFrom="0" angleTo="360" duration="1000"/>
</mx:Parallel>
</mx:Transition>
</mx:transitions>


Hoe voeg ik een effect aan <mx:RemoveChild target="{panel1}"/> ?

[TheDutch]

Je moet natuurlijk wel een effect toevoegen aan je Transition wanneer je een effect wilt op "panel1" wanneer die verdwijnt :).

[StevenW]

Waar moet ik het aan toevoegen. Stel ik wil het wegfaden. Waar moet ik dit dan aan toevoegen?

<mxFade id="fadeOut" duration="2000" alphaTo="0.0" alphaFrom="1.0"/>

[TheDutch]

Tussen Parallel of Sequence tags met als target "panel1" :).

[StevenW]

Het is me gelukt. Maar ik weet niet hoe ik er voor moet zorgen dat 'panel1' als eerste verdwijnt en dat daarna pas canvas1 zal draaien en resizen. Hoe doe je dat?

[TheDutch]

Parallel betekent op hetzelfde moment en Sequence in een bepaalde volgorde. Dus gebruik een Sequence i.p.v. een Parallel transition :).

[StevenW]

Het probleem is dat als ik in de <states> dit zet:


<mx:RemoveChild target="{panel1}"/>


dan fade ie niet weg, maar verdwijnt ie meteen. Als ik het weg laat dan fade ie weg, maar dan verdwijnt ie niet. Want ik kan de titel van de panel nog zien want die fade niet weg. Ook de button en label in de panel faden niet weg. :S

[TheDutch]

Fade heeft een "effectEnd" event. Daarmee kan je met actionscript this.removeChild(panel1); uitvoeren nadat het effect voltooid is :).

[StevenW]

Begrepen, dat moet lukken :D !