21.2.在Flash 中使用ContainerMovieClip創建Flex容器

2024-09-08 18:16:49

字體：大中小

來源：轉載

供稿：網友

21.2.1.問題
我想在Flash IDE中創建用于Flex的容器組件。
21.2.2.解決方案
使用Flex組件工具包的[元件轉換成Flex容器]的命令，或者更簡單的，可以在Flash IDE中創建一個擴展自ContainerMovieClip的類，然后在你的應用程序中導入一個包含那個類的SWC。
21.2.3.討論
ContainerMovieClip的實例可以擁有子項；響應點擊，鼠標移動，及其他事件；定義視圖狀態和過渡效果；像其他Flex組件一樣使用各種效果。盡管在編譯期或運行期只能往這樣的容器中添加一個子項，但是你可以添加一個Flex容器，這樣就可以添加多個項了。

要在Flash IDE中創建一個ContainerMovieClip，首先在Flash IDE中創建一個影片剪輯元件，并給它起個名字。圖21-4中的元件叫做Smiley。然后使用Flex組件工具包的[元件轉換成Flex容器]的命令把元件打包到ContainerMovieClip的實例中。

圖21-4.創建一個MovieClipContainer的實例

把元件轉換成MovieClipContainer實例后，接下來就可以放置這個FlexContentHolder了。它決定了Flex內容可以被添加到這個容器的哪個區域，它是mx.flash.FlexContentHolder類的實例。

當向它里面添加內容時，內容顯示在它指定的區域中。注意，FlexContentHolder中只能添加一個子項，因此任何添加進來的子項都會自動填充它的整個區域。使用Flash IDE，你可以調整FlexContentHolder的尺寸和位置，就像圖21-5那樣：

圖21-5.調整FlexContentHolder的尺寸和位置

調整完之后，你可以把它發布成一個SWC文件，然后導入到Flex項目中。要想往MovieClipContainer中添加多個子項，需要往它里面添加一個容器，比如像下面的VBox：

-XML

<local:SmileyContainer id="smiley" y="100" x="100">
<mx:VBox>
<mx:Button label="button" width="100%"/><mx:Button label="button" width="100%"/>
<mx:Button label="button" width="100%"/>
<mx:Button label="button" width="100%"/>
</mx:VBox>
</local:SmileyContainer>