Flex - Verticalmente hijos de posición de un HBox horizontal

Question

Tengo una costumbre HBox como así ....

MyBar clase pública se extiende HBox {

public function MyBar() {
super();

this.height = 65;
this.percentWidth = 100;

var newButton:Button = new Button();
//..... 
newButton.y = 20;

var spacer1:Spacer = new Spacer();
spacer1.percentWidth = 50;

var spacer2:Spacer = new Spacer();
spacer2.percentWidth = 50;

this.addChild(spacer1);
this.addChild(newButton);
this.addChild(spacer2);

}

}

Esto muestra un botón en el centro de la HBox, pero el botón está alineada con la parte superior de la caja, me gustaría que fuera en el centro.

Estoy seguro de que he tenido este trabajo antes tan simple como establecer el valor y. Pero no parece estar funcionando ahora. Estoy utilizando el SDK 3.3

Alguien tiene alguna pista de por qué estoy teniendo dificultad con esto?

Gracias!

Answer 1

Configuración de la y no va a funcionar como el HBox controla las Y posiciones. Si desea todos los botones para ser colocado en el medio de la HBox es necesario establecer verticalAlign a media

en el código que sería

setStyle("verticalAlign", "middle");