Arbeiten mit der ColorPicker-Komponente

Mit einem Farbwähler kann der Benutzer eine Farbe auswählen und sie einem Objekt in der Anwendung zuweisen. Angenommen, dem Benutzer soll die Möglichkeit zur Anpassung der Elemente einer Anwendung gegeben werden, etwa der Hintergrundfarbe oder der Farbe von Text. Dazu binden Sie einen Farbwähler in die Anwendung ein und wenden die vom Benutzer ausgewählte Farbe an.

Der Benutzer wählt eine Farbe aus, indem er in das entsprechende Farbfeld im Bedienfeld klickt, oder den Hexadezimalwert dieser Farbe in das Textfeld eingibt. Nachdem der Benutzer eine Farbe ausgewählt hat, können Sie die Eigenschaft selectedColor der ColorPicker-Komponente dazu verwenden, diese Farbe dem Text oder einem anderen Objekt in der Anwendung zuzuweisen.

Eine ColorPicker-Instanz erhält den Eingabefokus, wenn der Benutzer den Mauszeiger darauf bewegt oder die Instanz mit der Tabulatortaste ansteuert. Ist das Farbfeldbedienfeld des Farbwählers geöffnet, können Sie es anhand der folgenden Tasten steuern:

Die folgenden Authoring-Parameter können für jede Instanz einer ColorPicker-Komponente im Eigenschaften- oder Komponenten-Inspektor festgelegt werden: selectedColor und showTextField . Jeder dieser Parameter besitzt eine entsprechende ActionScript-Eigenschaft desselben Namens. Informationen zu den möglichen Werten für diese Parameter finden Sie im Abschnitt zur ColorPicker-Klasse im ActionScript 3.0 Referenzhandbuch für Flash Professional .

Im folgenden Beispiel wird beim Authoring eine ColorPicker-Komponente in eine Anwendung eingefügt. Dabei ruft die Funktion changeHandler() jedes Mal, wenn die Farbe im Farbwähler geändert wird, die Funktion drawBox() auf, um ein neues Feld mit der neuen Farbe aufzubauen.

1. Erstellen Sie ein neues Flash-Dokument (ActionScript 3.0).

2. Ziehen Sie eine ColorPicker-Komponente vom Bedienfeld „Komponenten“ auf die Mitte der Bühne und nennen Sie die Instanz aCp .

3. Öffnen Sie das Bedienfeld „Aktionen“, wählen Sie in der Hauptzeitleiste Bild 1 aus und geben Sie den folgenden ActionScript-Code ein:

   import fl.events.ColorPickerEvent; 
    
   var aBox:MovieClip = new MovieClip(); 
   drawBox(aBox, 0xFF0000);    //draw a red box 
   addChild(aBox); 
    
   aCp.addEventListener(ColorPickerEvent.CHANGE,changeHandler); 
    
   function changeHandler(event:ColorPickerEvent):void { 
       drawBox(aBox, event.target.selectedColor); 
   } 
    
   function drawBox(box:MovieClip,color:uint):void { 
               box.graphics.beginFill(color, 1); 
               box.graphics.drawRect(100, 150, 100, 100); 
               box.graphics.endFill();         
   }

4. Wählen Sie „Steuerung“ > „Film testen“.

5. Klicken Sie auf den Farbwähler und wählen Sie eine Farbe aus, mit der das Feld eingefärbt werden soll.