VBox是Flex中的一種組件，用于垂直分布，與HBox相對。VBox可以使放在其中的組件可以垂直分布。下面將詳細(xì)介紹如何利用Flash Builder4.0來創(chuàng)建VBox。 步驟一：新建Flex項

VBox是Flex中的一種組件，用于垂直分布，與HBox相對。VBox可以使放在其中的組件可以垂直分布。下面將詳細(xì)介紹如何利用Flash Builder4.0來創(chuàng)建VBox。

步驟一：新建Flex項目和應(yīng)用程序

首先，打開Flash Builder4.0，并新建一個Flex項目。在該項目下創(chuàng)建一個應(yīng)用程序。如下圖所示：

步驟二：切換到設(shè)計視圖模式

在Flash Builder4.0的編輯器中，切換到設(shè)計視圖模式。如下圖所示：

步驟三：添加組件

在Application標(biāo)簽中添加三個組件：ColorPicker、DateField和Button。代碼如下：

lt;mx:ColorPicker/gt;
lt;mx:DateField formatString"YYYY-MM-DD" yearNavigationEnabled"true"/gt;
lt;s:Button label"重置"/gt;

如下圖所示：

步驟四：套用VBox

在這三個組件的外層套上一個VBox組件，代碼如下：

lt;mx:VBox width"100%" height"100%" verticalAlign"middle" horizontalAlign"center"gt;
    lt;!-- 這里放置之前的三個組件 --gt;
lt;/mx:VBoxgt;

如下圖所示：

步驟五：切換到設(shè)計視圖模式

最后，再次切換到設(shè)計視圖模式，以查看最終效果。如下圖所示：

通過以上步驟，你已經(jīng)成功地利用Flash Builder4.0創(chuàng)建了一個包含VBox的Flex項目?，F(xiàn)在你可以根據(jù)實際需要對VBox和其中的組件進行進一步的調(diào)整和定制。