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
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 configurerenSleep 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 codemijnCombobox.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 componentVia
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.
Je bent niet ingelogged, je kan geen commentaar geven, of commentaren lezen over deze tutorial.