Datagrid PicturesOftmals möchte man in einer Datagrid-Komponente nicht nur Text darstellen. Wenn Bilder, MovieClips oder andere Komponenten in einer Spalte eingefügt werden sollen, benötigt man einen so genannten Cellrenderer, der für die Darstellung der gewünschten Inhalte in der entsprechenden Spalte sorgt.

Hier ein Beispiel, wie man in die Datagrid-Komponente von Flash CS3 externe Bilder einfügt. Die dazugehörige CellRenderer-Klasse stammt aus einem Artikel von Peter deHaan, der im Adobe Developer Connection veröffentlicht wurde.

Der Code in der Flashdatei (.fla) lautet:

PLAIN TEXT
Actionscript:

  1. span style="color: #808080; font-style: italic;">// neuer data provider
  2. // drei einträge hinzufügen
  3. "flag_australia.png""Australien""flag_austria.png""Österreich""flag_brazil.png""Brasilien""flag_canada.png""Kanada""flag_germany.png""Deutschland""flag_italy.png""Italien""flag_japan.png""Japan""flag_poland.png""Polen""flag_uk.png""UK""flag_usa.png""USA"});
  4.  
  5.  
  6.     // neue spalte für data grid komponente
  7. "Flagge");
  8.  
  9.     // für diese spalte den cellrenderer definieren
  10. // zweite spalte erstellen
  11. "Land");
  12.  
  13.     // neues datagrid
  14. // spalten hinzufügen
  15. // den data provider als datenquelle festlegen
  16. // style
  17. // der bühne hinzufügen
  18.  

Die Datei LoaderCellRenderer.as lautet:

PLAIN TEXT
Actionscript:

  1.  

Die Flaggen sind übrigens aus dem Flag Button Devkit von Bartelme.

Download: Quellcode des Beispiels (.zip)
Link: Embedding Components into data grid cells
Link: Flag Button Devkit