Cerchi articoli, tutorial e guide su Photoshop CS3, Flash CS3, Premiere Pro CS3, Actionscript 3, Flex 3 e Adobe AIR, Java e Microsoft Silverlight ? Settimo post riguardante le novità di Actionscript 3: oggi trattiamo il componente ColorPicker, un’altra novità di ActionScript 3.0, che può essere utilizzato in qualunque progetto Flash per aprire un pannello per la selezione dei colori.
In questo articolo creeremo due ColorPicker: uno generico, che visualizzerà tutti i colori disponibili, e uno personalizzato, nel quale specificheremo i colori attraverso la proprietà color. Utilizzeremo, infine, un campo di testo per visualizzare il colore selezionato.
IL CODICE ACTIONSCRIPT 3.0
Trascinate due componenti ColorPicker sullo Stage assegnando i nomi istanza colorPicker1 e colorPicker2.
Posizionate il seguente codice sul primo frame del file Flash.
// Importiamo la classe necessaria a gestire gli Eventi del ColorPicker
import fl.events.ColorPickerEvent;
// Creiamo un campo di testo per l'output del colore selezionato
var outputColor:TextField = new TextField();
outputColor.x = 30;
outputColor.y = 50;
outputColor.width = 150;
addChild(outputColor)
// Inizializziamo i colori disponibili nel colorPicker1
// NOTA: per visualizzare tutti i colori nel ColorPicker2
// è sufficiente non settare alcuna proprietà.
colorPicker1.colors = [0xffcc00, 0xffff00, 0xff0000];
// Event Handler per l'evento CHANGE del colorPicker
function changeHandler(event:ColorPickerEvent):void {
outputColor.text = "Colore Selezionato: #" + event.target.hexValue;
}
// Registriamo l'evento CHANGE per i colorPicker
colorPicker1.addEventListener(ColorPickerEvent.CHANGE,changeHandler);
colorPicker2.addEventListener(ColorPickerEvent.CHANGE,changeHandler);
AUGItaly Feed