Flex 4: Erstellen einer Gruppe mit einem Hintergrund

Question

Ich versuche eine einfache Komponente zu erstellen, die spark.components.Group erweitert, um eine Hintergrundfarbe zu haben, genauer gesagt, eine spark.primitivs.Rect-Komponente, die gestreckt wird, um den Hintergrund zu füllen.

Dies ist, was ich mit so weit habe kommen:

<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, so die Logik hier im Grunde macht Sinn, nicht wahr? Alle in MXML deklarierten untergeordneten Elemente werden in die Gruppe "Container" umbenannt. Das funktioniert gut. Wenn ich das Beispiel unten ausführe, ist das Layout jedoch vollständig 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> 

Dies ist, wie es aussieht:

flex fubar http://i34.tinypic.com/s4p0tz.jpg

Gibt es etwas, was ich bin hier fehlt? Vielleicht eine Methode, die ich überschreiben muss?

Answer 1

Seltsam. Ich habe gerade eine Skin-Implementierung gemacht und sie auf einen SkinnableContainer angewendet. Ich kompilierte auch mit der Beta 2-Version von Flex 4. Sehr merkwürdig.

Answer 2

Welchen Build von Flex 4 verwenden Sie? Ich habe Ihren Code genau kopiert und die Ausgabe sieht so aus, wie Sie es erwarten würden.

result http://i38.tinypic.com/i5t9it.jpg

Ich bin mit der Beta 2 Build, der in den letzten Wochen veröffentlicht wurde. Build 4.0.0.253292. Sie können Ihr Build aktualisieren, wenn Sie nicht das neueste ausführen, aber Sie können auch versuchen, das Projekt zu bereinigen. Es könnte nur verwirrt werden. Stellen Sie außerdem sicher, dass Ihr Browser das swf nicht zwischenspeichert, was manchmal passiert, wenn sich die Dateigröße nicht dramatisch ändert.