Componenti as3 ColorPicker e CheckBox

In questo tutorial vedremo come attivare o disattivare la visualizzazione del campo di testo del componente Color Picker usando il componente CheckBox in Flash ActionScript 3.0. Il componente ColorPicker consente all'utente di selezionare un colore da un elenco di campioni. La modalità predefinita del componente ColorPicker mostra un singolo colore all'interno di un pulsante quadrato. Quando l'utente fa clic sul pulsante, viene visualizzato l'elenco dei colori disponibili in un pannello di campioni insieme a un campo di testo con il valore esadecimale del colore attualmente selezionato.
Create un nuovo documento Flash (ActionScript 3.0).
Trascinate dal pannello Componenti i componenti ColorPicker e CheckBox.
Aprite il panello Azioni e inserite il codice sottostante:

import fl.controls.CheckBox;
import fl.controls.ColorPicker;

var checkBox:CheckBox = new CheckBox();
checkBox.selected = true;
checkBox.label = "showTextField";
checkBox.addEventListener(Event.CHANGE, checkBox_change);
checkBox.textField.autoSize = TextFieldAutoSize.LEFT;
checkBox.move(10, 10);
addChild(checkBox);

var colorPicker:ColorPicker = new ColorPicker();
colorPicker.move(10, 40);
addChild(colorPicker);

function checkBox_change(evt:Event):void {
    colorPicker.close();
    colorPicker.showTextField = checkBox.selected;
    colorPicker.open();
}

Alla fine selezionare Controllo > Prova filmato.
NB: attivando o disattivando il componente CheckBox viene visualizzato il campo di testo a sinistra di ColorPicker.
Buon divertimento...

Articoli correlati per categorie

 Abbonati gratis a questo blog      

Torna Su