css - VBox のギャップをどのようにスタイルしますか?

Question

ドッキング バーとして使用している VBox の垂直ギャップのスタイルを設定したいと考えています。ギャップを色に合わせてスタイリングする方法を知っている人はいますか?

Answer 1

setStyle 関数を使用して、VBox のスタイルを設定できます。次に例を示します。

<mx:Script>
    <![CDATA[
         private function changeHandler():void {
             vBox.setStyle("verticalGap", gap_number);
         }
        ]]>
</mx:Script>

<mx:VBox>
....
</mx:VBox>

gap_number は変数です。

Answer 2

コードで少しブラフを行うことができます。VBox を作成し、そのパディングを左、右、上、下に 5px に設定し、その Vbox 内に別の Vbox を作成します。

次のコードを使用できます。

<mx:VBox paddingBottom="5" paddingLeft="5" paddingRight="5" paddingTop="5">

    <mx:VBox>

    </mx:VBox>

</mx:VBox>

これがあなたに役立つことを願っています。ごきげんよう...

さらにスタイリングするために、次のリンクを使用できます

http://examples.adobe.com/flex2/consulting/styleexplorer/Flex2StyleExplorer.html