플렉스 - 수평 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

Hbox가 Y 위치를 제어 할 때 Y를 설정하면 작동하지 않습니다. Hbox 중간에 모든 버튼을 배치하려면 verticalalign을 중간으로 설정해야합니다.

코드로

setStyle("verticalAlign", "middle");