Flash component combobox
blokje door vinTage op 13-05-2007
In deze flash component combobox tutorial leg ik uit hoe je de combobox component via de component inspector configureert en via actionscript.
Natuurlijk leer je ook bij hoe je de waarde gebruikt die de combobox heeft.


We spreken hier over onderstaande component

flash voorbeeld

Download de gratis flash plugin
Normaal zou hier dit voorbeeld moeten staan.





Een component hoef je maar één keer uit de componentlijst(CTRL+F7) te halen, daarna zit hij ook in de library (F11).
Als je dus meer dan één combobox wilt gebruiken, dan sleep je die gewoon vanuit de library op je werkblad.




combobox via de component inspector configureren

Sleep je combobox uit de components lijst (CTRL + F7)
Open de component inspector (ALT+f7 met de component geselecteerd ).
Deze inspector lijkt me vanzelfsprekend, maar hier toch nog een illustratie ter verduidelijking.

data: Is de waarde die bij een bepaald label hoort.
editable: Of je de inhoud kan veranderen van de combobox
labels: Dit zijn de waardes die je ziet in de combobox.
rowCount: Het aantal rijen in de combobox, als je meer labels hebt dan de rowCount zegt, dan komt er een scrollbar in de combobox.


De flash combobox via actionscript configureren.

actionscript code

mijnCombobox.addItem({data:"#ff0000", label:"Rood"});
mijnCombobox.addItem({data:"#0000ff", label:"Blauw"});
mijnCombobox.addItem({data:"#000000", label:"Zwart"});
mijnCombobox.addItem({data:"#ffffff", label:"Wit"});
 

labels dezelfde waarde gezet via de component inspector worden overschreven door de labels die we zetten via actionscript.



waarde opvragen van de flash combobox component

Via selectedItem.label en selectedItem.data kunnen we de waarde opvragen van de geselecteerde rij van de combobox.
Als we de waarde veranderen, dan willen we natuurlijk gelijk de nieuwe waarde weten, dat kunnen we doen vie een listener.

actionscript code

//combobox vullen met labels en data
mijnCombobox.addItem({data:"#ff0000", label:"Rood"});
mijnCombobox.addItem({data:"#0000ff", label:"Blauw"});
mijnCombobox.addItem({data:"#000000", label:"Zwart"});
mijnCombobox.addItem({data:"#ffffff", label:"Wit"});

//als je iets anders selecteerd, de waarde en het label tracen
var comboboxListener:Object = new Object();
comboboxListener.change = function(evt_obj:Object) {
  trace("Je selecteerde "+mijnCombobox.selectedItem.label);
  trace("Daarbij hoorde de volgende waarde "+mijnCombobox.selectedItem.data)
};
mijnCombobox.addEventListener("change", comboboxListener);

//default label selecteren (zwart in dit geval)
mijnCombobox.selectedIndex = 2;
 


Met selectedIndex kunnen we kiezen welke rij er default geselecteerd is.
De index begint te tellen vanaf 0, dus Rood is index 0 en Wit is index 3.

Je kan via actionscript ook aangeven of de combobox ook editable moet zijn:
mijnCombobox.editable = false;// false of true, false is de default waarde.



download de fla ter ondersteuning.


Share |



Stem op deze tutorial


Reacties



Je bent niet ingelogged, je kan geen commentaar geven, of commentaren lezen over deze tutorial.

Uw link hier ?

sitemasters.be html-site.nl actionscript.startpagina.be flash.startpagina.be macromedia.startpagina.be get firefox Nibbler report for www.vintagesworld.be uw advertentie hier?
contact