Flex - вертикальное положение дочерних элементов горизонтального HBox

Question

У меня есть собственный HBox, как так ....

открытый класс MyBar расширяет 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);

}

}

Это показывает кнопку в центре HBox, но кнопка выровнена по верху окна, я бы хотел, чтобы она была в центре.

Я уверен, что раньше это работало так же просто, как установка значения y. Но, похоже, не работает сейчас. Я использую SDK 3.3

Кто-нибудь знает, почему у меня с этим проблемы?

Спасибо!

Answer 1

Установка y не будет работать, так как HBox контролирует позиции y. Если вы хотите, чтобы все кнопки были размещены в середине HBox, вам нужно установить verticalAlign в середину

в коде, который будет

setStyle("verticalAlign", "middle");