Itemrenderer für ComboBox mit Bildern

[dr monk]

Hallo zusammen.

Ich hab ein Problem was mich noch verzweifeln lässt... Ich versuche in einer ComboBox Bilder darzustellen. Der DataProvider ist eine ArrayCollection mit den Werten "name" und "bild". "bild" ist dabei ein ByteArray.

Ich habe meiner ComboBox den DataProvider als ganzes zugeordnet und dann einen ItemRenderer erstellt.

Wenn ich dort ein Label und ein Image erstellen lasse zeigt er mir die Bilder in der ComboBox an. Wenn ich dagegen das Label weg nehme kommt garnichts mehr (nur ein ganz kleiner weißer Kasten unten links an der ComboBox).

PHP-Code:

<?xml version="1.0" encoding="utf-8"?>
<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="true">
    
    
    <s:Label text="{data.name}"/>
    <s:Image source="{data.bild}"/>
    
</s:ItemRenderer>

PHP-Code:

<s:ComboBox id="auswahlLogos" width="150" dataProvider="{logos}" itemRenderer="Renderer.LogoRenderer"/> 


Ich habe auch versucht über eine AS-Klasse meine Bilder anzuzeigen allerdings ohne Erfolg. Auch hier muss ich ein Label angeben damit es angezeigt wird...

PHP-Code:

package Renderer 
{
    import mx.containers.VBox;
    import mx.controls.Image;
    import mx.controls.Label;
    import mx.messaging.AbstractConsumer;
    
    public class LogoRenderer extends VBox
    {
        private var _image:Image;
        private var _label:Label;
        
        override public function set data(value:Object):void
        {
            this.setStyle("horizontalAlign","center");  
            super.data = value;
            invalidateProperties();
        }
        
        public function LogoRenderer()
        {
            
        }
        
        override protected function commitProperties():void
        {
            super.commitProperties();
            
            _image.source = data ? data.bild : data;
            
            // es wird auch hier nur was angezeigt wenn ein Label exisitert!
            _label.text = data.name.toString();
            
        }
        
        override protected function createChildren():void
        {
            super.createChildren();
            if (!_image)
            {
                _image = new Image();
                //_image.trustContent = true;
                _image.scaleContent = true;
                _image.scaleX = 0.5;
                _image.scaleY = 0.5;
                addChild(_image);
            }
            if(!_label)
            {    
                _label = new Label();
                addChild(_label);
            }
        }
    }
} 


Sehr merkwürdig das Ganze und ich finde einfach keine Lösung dafür

Ist es eigentlich möglich das Bild auch als Auswahl darzustellen. D.h., wenn man es aus der Liste ausgewählt hat? Bei mir steht nach ner Auswahl nur [object Object] in dem Feld.

Wäre es besser DropDownList zu verwenden? Ich möchte ja nur die Logos auswählen und nichts verändern / suchen.

MfG Monk

[Omega Psi]

Es wird offenbar keine Größe ermittelt. Setze mal minWidth und minHeight.

[dr monk]

Guten Morgen Omega Psi.

Danke für den Tipp. Ich dachte, dass die Angabe der Breite ausreichen würde: _image.width = 150; (ist nicht oben im Code sichtbar aber hatte ich gestern noch versucht)

Mit minHeight und minWidth klappt es jetzt

Jetzt stellt sich mir nur noch die Frage wie man die Auswahl richtig darstellt. Wie gesagt steht ja nur [object Object] in dem Feld.
Muss man dafür eine neue Komponente schreiben welche die ComboBox erweitert? Falls ja spiele ich mit dem Gedanken eine List oder TileList zu verwenden. Evtl. wäre das für die Auswahl eines Logos etwas besser geeignet?!

MfG Monk

[Omega Psi]

Setze ich mal damit auseinander, wie man ItemRenderer baut, auch im Hiblick auf labelField und labelFunction. Und von welchem Feld redest du?

[dr monk]

Ich meinte das Feld, in dem nach der Auswahl das Element angezeigt wird (das, wo z.b. auch das Prompt angezeigt wird)
Das mit dem LabelField hat soweit geklappt. Er schreibt mir dann den Namen der Datei in das Feld. Wenn ich versuche über eine Label-Funktion ein Bild hineinschreiben zu lassen, schreibt er mit nur den Namen des Bildes in das Feld In der Hilfe steht auch nur die Syntax für Strings. Von dem her wird das wohl so passen.

Vorerst lasse ich es erstmal bei dem Namen der Datei und werde später auf eine (Tile)List umsteigen. Ich denke diese ist benutzerfreundlicher.

Danke nochmal für deine Hilfe hier und überhaupt

MfG Monk

[Omega Psi]

Hast du dir mal die labelFunction genauer angeschaut? Und ja, du müsstest eine eigene ComboBox Skin bauen.