Flash Flex: dynamisch buttons erstellen

[plusnoir]

Hallo zusammen. ich versuche mich gerade an einer Aufgabe und komme nicht weiter.

Eine klasse die dynamischbuttons generieren soll.

package components
{
	import spark.components.Button;
	import spark.components.HGroup;
	import spark.components.supportClasses.SkinnableComponent;

	public class Dynamic extends SkinnableComponent 
	{
		public function  Dynamic()
		{
			
			
			initButtonGroup();
		super();	
		}
		
		private var Knopf:Button;
		private var _ButtonGroup:HGroup;
		private var _buttonCount:int;
		
		
		public function get buttoncount():int
		{
			return _buttonCount;
			
			
		}
		
		
		public function set buttonCount(value:uint):void
		{
			
				_buttonCount = value;
				
				
			
		}
		
		
		private function initButtonGroup():void
		{
			_ButtonGroup = createDynamicPartInstance("_ButtonGroup") as HGroup;
			_ButtonGroup.addElement(Knopf);
			
			
		}
		
		
		
		
		
		
		
	}
}

desweiteren habe ich einen Skin für das ganze:

<?xml version="1.0" encoding="utf-8"?>
<s:SparkSkin 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:Script>
            <![CDATA[
                
                import mx.controls.Alert;
                
                import skins.mainSkin;
                import skins.topSkin;
            
                
                
                
                
            ]]>
        </fx:Script>


      <s:states>
          <s:State name="normal"/>
          <s:State name="disabled"/>
      </s:states>

      <s:Rect height="40" width="900" left="20" top="20" bottom="3">
          <s:stroke>
              <s:SolidColorStroke color="#CC6600"/>
          </s:stroke>
          <s:fill>
              <s:LinearGradient rotation="90">
                  <s:GradientEntry color="#FF9933"/>
                  <s:GradientEntry color="#FFCC66"/>
              </s:LinearGradient>
          </s:fill>


      </s:Rect>

 

    
    
</s:SparkSkin>

Nun möchte ich dass ich in meiner start-mxml die klasse erstelle und ihr einen Wert (value) übergebe. Demensprechend sollen buttons gezeichnet werden.

Was fehl mir? Wie geh da am besten ran?

Kann ich folgendes in meine Klasse einbauen?

    public function addButton():void
                {
                     
                    
                    
                    var myButton:Button = new Button();
                    myButton.label = "Knopf";
                    myGroup.addElement(myButton);
                    
                    
                    
                    
                    
                    
                }


	<s:HGroup id="myGroup" top="30" left="30">
		<s:Button label="button" click="addButton();"/>
	</s:HGroup>

wäre für Hilfe dankbar.