Flex - Container mit ScrollBars

[KennuX]

Heyho,

Ich programmiere zur Zeit an einem kleinen Spielklienten in Flash und bräuchte ein wenig Hilfe.

Ich suche einen Container (So in etwa wie ein Sprite) der eine Vertikale Scrollbar besitzt, da der Client von einem Server listen erhalten wird und man nicht vorher bestimmen kann, dass sie eine Feste größe haben.

Ich muss pro Element in der Liste einen Label und einen Button (Beide mit Eventlistener) in die Scrollbare Liste zeichnen.

Kennt vielleicht jemand eine Klasse, mit der ich das Realisieren kann oder hat jemand sogar ein Anwendungsbeispiel?

MfG,
KennuX

[denniz]

Nimm doch einfach einen Datagroup Container um den du einen Scroller baust + einem Itemrenderer für die Datagroup in dem der Button und Label pro Element gerendert wird. Die Daten kannst du in der ArrayCollection definieren und dem Itemrenderer mitgeben und diese dort über die data property abrufen.

Quick & Dirty

PHP-Code:

Main.mxml:

<fx:Script>
    <![CDATA[
    import spark.events.RendererExistenceEvent;
    import flash.events.Event;
    
    private function _addRenderer(e:RendererExistenceEvent):void{
        MyDataGroupItemRenderer(e.renderer).addEventListener('click_itemrenderer', _itemHandler);
    }
    
    private function _itemHandler(e:Event):void{
        trace(MyDataGroupItemRenderer(e.currentTarget).data.labelText)
    }
    ]]>
</fx:Script>        

    <s:Scroller top="0" bottom="0" left="0" right="0">
        <s:DataGroup     itemRenderer="com.site.app.renderer.MyDataGroupItemRenderer" 
                        rendererAdd="_addRenderer(event)">
            <s:layout>
                <s:VerticalLayout />
            </s:layout>
            <s:dataProvider>
                <s:ArrayCollection>
                    <fx:Object labelText="foo" />
                    <fx:Object labelText="foobar" />
                    <fx:Object labelText="bar" />
                </s:ArrayCollection>
            </s:dataProvider>
        </s:DataGroup>
    </s:Scroller>
        
        
MyDataGroupItemRenderer.mxml:
        
<s:ItemRenderer
         xmlns:fx="http://ns.adobe.com/mxml/2009"
         xmlns:s="library://ns.adobe.com/flex/spark"
         xmlns:mx="library://ns.adobe.com/flex/mx"
         autoDrawBackground="false" 
         width="100%" >
         
      <fx:Metadata>
          [Event(name="click_itemrenderer", type="flash.events.Event")]
      </fx:Metadata>
     
      <s:states>
        <s:State name="normal"/>
        <s:State name="hovered"/>
      </s:states>
      
      <fx:Script>
          <![CDATA[
            import flash.events.Event;
            import flash.events.MouseEvent;
          
          private function _btnHandler(e:MouseEvent):void{
            dispatchEvent(new Event('click_itemrenderer'));
          }
          
          ]]>
      </fx:Script>
      <s:layout>
        <s:VerticalLayout/>
      </s:layout>
     
        <s:Button label="Click" click="_btnHandler(event)" />
        <s:Label text="{data.labelText}" />
 
</s:ItemRenderer>