apache-flex - Flex - 垂直放置水平 HBox 的子项

Question

我有一个自定义的 HBox ......

公共(public)类 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 的中心显示一个按钮，但该按钮与 Box 的顶部对齐，我希望它位于中心。

我敢肯定，我之前就曾使用过这种方法，就像设置 y 值一样简单。但现在似乎不起作用。我正在使用 SDK 3.3

有人知道为什么我在这方面遇到困难吗？

谢谢!

Answer 1

设置 y 不起作用，因为 HBox 控制 y 位置。如果您希望所有按钮都放置在 HBox 的中间，您需要将 verticalAlign 设置为 middle

在代码中会是

setStyle("verticalAlign", "middle");