Componente Slider in Flash AS3

In questo tutorial vedremo come usare il componente Slider in ActionScript 3.0.
Il componente Slider consente all'utente di selezionare un valore mediante lo spostamento di una casella di scorrimento tra le estremità di una traccia che corrisponde a un intervallo di valori. Potete usare un componente Slider per consentire, ad esempio, all'utente di scegliere un valore quale un numero o una percentuale. Inoltre, potete usare ActionScript per fare in modo che il valore del componente influisca sul comportamento di un secondo oggetto, associando ad esempio il componente a un'immagine e riducendolo o ingrandendolo in base alla posizione relativa, o valore, della casella di scorrimento.
E' un semplice esercizio composto da un testo dinamico per visualizzare il valore dello slider e il componente slider che si trova in libreria e posizionato sullo stage tramite AS3.
Create un nuovo documento Flash (ActionScript 3.0).
Create un campo di testo dinamico e assegnategli il nome di istanza "valore" nella finestra di ispezione Proprietà.
Trascinate il componente Slider dal pannello Componenti al pannello Libreria.
In questo modo, il componente viene aggiunto alla libreria ma non è visibile nell'applicazione.
Aprite il pannello Azioni e inserite il codice seguente:

//importiamo la classe slider
import fl.controls.Slider;
import fl.events.SliderEvent;

//impostiamo il valore="zero"
valore.text = "0";

//instanziamo lo slider
var mySlider:Slider = new Slider();
//posizioniamo lo slider
mySlider.move(200,200);
// se "true" slider si aggiorna immediatamente,
// se "false" si aggiorna dopo il rilascio del mouse
mySlider.liveDragging = true;
//impstiamo le dimensioni dello slider
mySlider.setSize(100,0);
//impostiamo il valore massimale dello slider
mySlider.maximum = 100;
//impostiamo il valore minimale
mySlider.minimum = 0;
//impostiamo i punti tra max e min(optional)
mySlider.tickInterval = 10;
// aggiungiamo un eventListener per il cambio di eventi
mySlider.addEventListener(SliderEvent.CHANGE, aggiornaSlider);
//aggiungiamo lo slider sullo stage
addChild(mySlider);

function aggiornaSlider(e:SliderEvent):void {
trace("il valore dello Slider è: " + e.target.value);
valore.text = e.target.value;
}