Flex 4：構建具有背景的組

Question

我正在嘗試構建一個簡單的組件，將spark.components.Group擴展為具有背景顏色，更具體地說是一個spark.primitives.Rect組件，它被拉伸以填充背景。

這就是我到目前為止所提出的：

<s:Group xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/halo"
    <fx:Metadata>
        [DefaultProperty(name="content")]
    </fx:Metadata>

    <s:Rect id="background" width="100%" height="100%">
        <s:fill>
            <s:SolidColor color="#990000"/>
        </s:fill>
    </s:Rect>

    <s:Group id="container"/>

    <s:filters>
        <!-- For good measure ;) -->
        <s:DropShadowFilter color="#000000" strength="0.4" blurX="5" blurY="5" distance="2" angle="90"/>
    </s:filters>

    <fx:Script>
        <![CDATA[
            public function set content(value:Array):void {
                this.container.mxmlContent = value;
            }
        ]]>
    </fx:Script>
</s:Group>

好的，所以這里的邏輯基本上是有道理的，對吧？ 在MXML中聲明的所有子項都轉到名為“container”的組中。 這工作得很好。 但是，當我運行下面的示例時，布局完全是fubar。

<s:VGroup>
    <!-- This is the component described above -->
    <components:MessageContainer id="component" width="100" height="100"/>
    <mx:Slider/>
    <mx:Slider/>
    <mx:ColorPicker/>
</s:VGroup>

這就是它的樣子：

這里有什么我想念的嗎？ 也許我需要覆蓋一種方法？

Answer 1

你使用什么版本的flex 4？ 我只是准確地復制了你的代碼，輸出看起來像你期望的那樣。

我正在運行在過去幾周內發布的beta 2版本。 Build 4.0.0.253292。 如果您沒有運行最新版本，則可以升級構建，但也可以嘗試清理項目。 可能只是感到困惑。 還要確保您的瀏覽器沒有緩存swf，這有時會在文件大小沒有顯着變化時發生。

Answer 2

奇怪的。 我只是使用Skin實現並將其應用於SkinnableContainer。 我也正在使用Flex 4的Beta 2版本進行編譯。 確實非常奇怪。