Move transition для окна

[Astraport]

Хочу сделать чтобы все модальные окна в приложении появлялись из левого края двигаясь по горизонтали и останавливались по центру, а при закрытии уезжали вправо. Вроде бы все просто - меняю в кастомном скине transition для state, но окно не двигается. Fade при этом работает.

 <s:Transition fromState="closed" toState="normal" autoReverse="true">
			<s:Parallel target="{chrome}">
				<s:Fade duration="150"/>
				<s:Move duration="300" xFrom="-200" easer="{bounce}"/>
			</s:Parallel>
        </s:Transition>

Или это нужно анимировать не через скин? Как правильно сделать?

[djyamato]

а xTo="" указывать не нужно ?

[Astraport]

Сорри, указывал конечно. Дело не в том, нужно при создании окна поместить его за пределами stage. Или прямо в скине это сделать. Вот какая практика лучше?

[djyamato]

Я бы применял эффекты к компоненту.
И лэйаутом, наверняка, можно это решить
или в лоб:

<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
			   xmlns:s="library://ns.adobe.com/flex/spark" 
			   xmlns:mx="library://ns.adobe.com/flex/mx" 
			   minWidth="955" 
			   minHeight="600">
	<fx:Declarations>
		<s:Move id="alertMoveIn" target="{myAlert}" xFrom="{alertInitX}" xTo="{alertCenteredX}"/>
		<s:Move id="alertMoveOut" 
				target="{myAlert}" 
				xFrom="{alertCenteredX}" 
				xTo="{alertOutX}"
				effectEnd="alertMoveOut_effectEndHandler(event)"/>
	</fx:Declarations>
 
	<fx:Script>
		<![CDATA[
			import components.CustomWindow;
 
			import mx.core.UIComponent;
			import mx.events.CloseEvent;
			import mx.events.EffectEvent;
			import mx.managers.PopUpManager;
 
			[Bindable]
			protected var myAlert:UIComponent;
 
			[Bindable]
			protected var alertInitX:int;
 
			[Bindable]
			protected var alertInitY:int;
 
			[Bindable]
			protected var alertCenteredX:int;
 
			[Bindable]
			protected var alertOutX:int;
 
			protected function showAlertButton_clickHandler(event:MouseEvent):void
			{
				myAlert=new CustomWindow();
				myAlert.addEventListener(CloseEvent.CLOSE,alertCloseHandler);
				PopUpManager.addPopUp(myAlert,this,true);
				myAlert.y=(stage.stageHeight-myAlert.height)/2;
				alertCenteredX=(stage.stageWidth-myAlert.width)/2;
				alertOutX=stage.stageWidth+myAlert.width;
 
				alertInitX=-myAlert.width;
				alertInitY=(stage.stageHeight-myAlert.height)/2;
 
				alertMoveIn.play();
			}
 
			protected function alertCloseHandler(event:CloseEvent):void	
			{
				myAlert.removeEventListener(CloseEvent.CLOSE,alertCloseHandler);
				alertMoveOut.play();
			}
 
			protected function alertMoveOut_effectEndHandler(event:EffectEvent):void
			{
				PopUpManager.removePopUp(myAlert);
				trace("alert removed");
			}
 
		]]>
	</fx:Script>
	<s:Button label="show alert" id="showAlertButton" click="showAlertButton_clickHandler(event)"/>
</s:Application>

CustomWindow

<s:Group xmlns:fx="http://ns.adobe.com/mxml/2009" 
		 xmlns:s="library://ns.adobe.com/flex/spark" 
		 xmlns:mx="library://ns.adobe.com/flex/mx" width="100" height="100">
	<fx:Script>
		<![CDATA[
			import mx.events.CloseEvent;
		]]>
	</fx:Script>
	<fx:Declarations>
		<!-- Place non-visual elements (e.g., services, value objects) here -->
	</fx:Declarations>
	<s:Rect width="100%" height="100%">
		<s:stroke>
			<s:SolidColorStroke color="0x000000" weight="2"/>
		</s:stroke>
		<s:fill>
			<s:SolidColor color="0xffffff"/>
		</s:fill>
	</s:Rect>
 
	<s:HGroup verticalAlign="middle" horizontalAlign="center" width="100%" height="100%">
		<s:Button label="close" click="{dispatchEvent(new CloseEvent(CloseEvent.CLOSE))}"/>
	</s:HGroup>
</s:Group>

[Astraport]

Ну ясно. Без разницы в общем.
Ещё вопросик, а что easer эффекты в MXML вообще не имеют свойств? Ну там время затухания или амплитуда.

[djyamato]

Имеют http://help.adobe.com/en_US/flex/usi...5D4D3B3FC.html