Mover componente para o centro da tela – centralizar

Através da dúvida de um dos nossos leitores, chegamos a uma solução até interessante para centralizar componentes na tela, através de uma simples função estática, que pode ser adicionada a sua biblioteca de classes Action Script.

O código está logo abaixo:

<?xml version="1.0" encoding="utf-8"?>
<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="1" minHeight="600">

<fx:Script>
<![CDATA[
	import mx.core.UIComponent;

	import spark.effects.Move;
	import spark.effects.easing.Bounce;

	public function Centralizar(c:UIComponent,
                                       useBounce:Boolean=true):void
	{
		var containerWidth:int = c.parent.width;
		var xCenter:int = (containerWidth-c.width)/2;

		var containerHeight:int = c.parent.height;
		var yCenter:int = (containerHeight-c.height)/2;

		var m:Move = new Move();

                if (useBounce)
	           m.easer = new Bounce();

		m.target = c;
		m.xFrom = c.x;
		m.yFrom = c.y;
		m.xTo = xCenter;
		m.yTo = yCenter;
		m.play();
	}

]]>
</fx:Script>

<s:Button id="btn" x="10" y="10">
	<s:click>
		<![CDATA[
		Centralizar(btn);
		]]>
	</s:click>
</s:Button>

</s:Application>