フレックスレイアウト2つ目のオブジェクトが最初に配置されたもの

Question

Flex VBoxに2つのラベル（AとB）があり、水平方向の配置が「中央」に設定されています。私は、Aを（容器の正確な中心に）垂直にセンタリングし、BをAの下に（またはどちらか一方を行う）設定するとよいでしょう。これを掘るための最善の方法は何ですか？

Answer 1

私は非常にうまくグリッドコントロールの動作を使用してタスクを達成することを見出し、ブランクラベルに追加することなく：

<mx:Grid width="100%" height="100%"> 
    <mx:GridRow height="20%"/> 
    <mx:GridRow height="60%"> 
    <mx:GridItem verticalAlign="middle" horizontalAlign="center"> 
     <mx:Label text="Label A" fontSize="60" fontFamily="Arial"/> 
    </mx:GridItem> 
    </mx:GridRow> 
    <mx:GridRow height="20%" verticalAlign="middle"> 
    <mx:GridItem verticalAlign="middle" horizontalAlign="center"> 
     <mx:Label text="Label B" fontSize="24" fontFamily="Arial"/> 
    </mx:GridItem> 
    </mx:GridRow>   
</mx:Grid> 

Answer 2

Aの後のコンテナにBを追加します.VBoxの全体のポイントは、物事を垂直に積み重ねることです。そうすれば、あなたはかなり簡単に行います。

もしあなたが物事を水平に異なって配置したいのであれば、VBoxとHBoxes（おそらくスペーサー）の組み合わせを使いたいでしょう。例えば：

VBOX（ ラベル のhbox（スペーサ、ラベルB） ）

Answer 3

あなたの答えはあまりにも複雑です。 VBoxではなくCanvasを使用します。次に、 "updateDisplayList"関数をオーバーライドします。

override protected function updateDisplayList(w:Number, h:Number):void { 
    super.updateDisplayList(w,h); 
    if(a && b) { 
    a.y = w/2 - a.height/2; 
    b.y = a.y + a.height; 
    } 
}