ComboBox Flash

Oggi vedremo come gestire il componente ComboBox in Flash.

La casella combinata (ComboBox) consente all’utente di effettuare una sola selezione da un elenco a comparsa e può essere statica o modificabile.

Una casella combinata modificabile consente all’utente di immettere il testo direttamente in un campo di testo presente all’inizio dell’elenco e selezionare una voce dall’elenco a comparsa.

Se l’elenco a comparsa raggiunge la fine del documento, viene aperto verso l’alto anziché verso il basso.

Quando viene effettuata una selezione nell’elenco, l’etichetta della selezione viene copiata nel campo di testo presente nella parte superiore della casella combinata. La selezione può essere effettuata sia con il mouse che con la tastiera utilizzando i tasti freccie direzionali e Tab.

Inseriamo la combobox sullo Stage

Andiamo su Finestra >> Componenti >> ComboBox

Una votla inserita sullo stage, assegnamo un nome istanza come combo

combobox.jpg

A questo punto andiamo a vedere il codice da inserire nel primo fotogramma:

//leggi e carica i dati dal file xml
dati_xml = new XML(); // nuovo oggetto XML
dati_xml.ignoreWhite = true; // elimino gli spazi tra le parole
dati_xml.onLoad = function(success) { //se è stato caricato
if (success) {
// leggo i nodi del file XML
var nodes = this.firstChild.childNodes;
for (var i = 0; i var descrizione = nodes[i].attributes.descrizione;
var valore = nodes[i].attributes.valore;
var itemz = {label:""+descrizione+"", data:""+valore+""};
_root.combo.addItem(itemz);
}
} else {
trace("no load");
}
};
dati_xml.load("list.xml"); // nome del file xml
//fine caricamento
//associa evento al combobox
combolistener = new Object(); // nuoovo oggetto
combolistener.change = function(eventObj) { // funzione cambia
var eventSource = eventObj.target; // impsoto il target
var elemento = eventSource.selectedItem; // impsoto l'elemento
var valoreelemento = elemento.label; // impsoto il valoreelemento
var datavaloreelemento = elemento.data; // impsoto il datavaloreelemento
stato.text = "Hai premuto "+valoreelemento+" il suo valore è "+datavaloreelemento;
};
combo.addEventListener("change", combolistener); // associo l'evento

Invece questo è il file XML, in cui inseriremo le voci e i valori nella ComboBox

  • descrizione: Label della ComboBox
  • valore: il valore da assegnare

<?xml version="1.0" encoding="iso-8859-1"?>
<elenco>
<item descrizione="Button1" valore="1"></item>
<item descrizione="Button2" valore="2"></item>
<item descrizione="Button3" valore="3"></item>
<item descrizione="Button4" valore="4"></item>
<item descrizione="Button5" valore="5"></item>
<item descrizione="Button6" valore="6"></item>
<item descrizione="Button7" valore="7"></item>
<item descrizione="Button8" valore="8"></item>
<item descrizione="Button9" valore="9"></item>
<item descrizione="Button10" valore="10"></item>
</elenco>

Scarica il sorgente
Guarda il Tutorial

Annunci

4 thoughts on “ComboBox Flash

Rispondi

Effettua il login con uno di questi metodi per inviare il tuo commento:

Logo WordPress.com

Stai commentando usando il tuo account WordPress.com. Chiudi sessione / Modifica )

Foto Twitter

Stai commentando usando il tuo account Twitter. Chiudi sessione / Modifica )

Foto di Facebook

Stai commentando usando il tuo account Facebook. Chiudi sessione / Modifica )

Google+ photo

Stai commentando usando il tuo account Google+. Chiudi sessione / Modifica )

Connessione a %s...