Flex - Posizionare verticalmente figli di un HBox orizzontale

Question

Ho un HBox personalizzato come così ....

public class MyBar estende 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);

}

}

Questo visualizza un pulsante al centro della HBox, ma il pulsante è allineato alla parte superiore della scatola, vorrei che fosse al centro.

Sono sicuro che ho avuto questo lavoro prima nel modo più semplice impostare il valore y. Ma non sembra essere ora di lavoro. Sto usando SDK 3.3

Qualcuno ha qualche indizi utili a capire il motivo per cui sto avendo difficoltà con questo?

Grazie!

Answer 1

Impostazione della Y non funzionerà come controlla il HBox le posizioni y. Se vuoi tutti i pulsanti ad essere messi in mezzo alla HBox è necessario impostare verticalAlign a mezzo

nel codice che sarebbe

setStyle("verticalAlign", "middle");