Flex 4: Construire un Groupe avec un arrière-plan

Je suis en train de construire un composant simple extension de l'étincelle.des composants.Groupe d'avoir une couleur d'arrière-plan, plus précisément une étincelle.primitives.Rect composant étirée pour remplir l'arrière-plan.

C'est ce que j'ai trouvé jusqu'à présent:

<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>

Ok, donc la logique ici essentiellement de sens, non? Tous les enfants déclarés dans MXML aller pour le Groupe "conteneurs". Qui fonctionne très bien. Cependant, lorsque je lance l'exemple ci-dessous, la mise en page est complètement 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>

C'est à quoi il ressemble:

Flex 4: Construire un Groupe avec un arrière-plan

Il y a une chose qui me manque ici? Peut-être une méthode que j'ai besoin de le remplacer?

InformationsquelleAutor Naftuli Kay | 2009-10-15