Arbeiten mit der CheckBox-Komponente

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

2. Ziehen Sie eine CheckBox-Komponente vom Bedienfeld „Komponenten“ auf die Bühne.

3. Führen Sie im Eigenschafteninspektor die folgenden Schritte durch:

   • Geben Sie als Instanznamen homeCh ein.

   • Geben Sie als Breite (B) den Wert 140 ein.

   • Geben Sie für den Parameter „label“ Own your home? ein.

4. Ziehen Sie zwei RadioButton-Komponenten vom Bedienfeld „Komponenten“ auf die Bühne und platzieren Sie sie unter und rechts neben der CheckBox-Komponente. Geben Sie im Eigenschafteninspektor die folgenden Informationen ein:

   • Geben Sie als Instanznamen underRb und overRb ein.

   • Geben Sie für beide Optionsfelder als Breite (B) den Wert 120 ein.

   • Geben Sie Under $500,000? für den Parameter „label“ der Instanz underRb ein.

   • Geben Sie Over $500,000? den Parameter „label“ der Instanz overRb ein.

   • Geben Sie für beide Optionsfelder den Wert valueGrp für den Parameter „groupName“ ein.

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

   homeCh.addEventListener(MouseEvent.CLICK, clickHandler); 
   underRb.enabled = false; 
   overRb.enabled = false; 
    
   function clickHandler(event:MouseEvent):void { 
       underRb.enabled = event.target.selected; 
       overRb.enabled = event.target.selected;     
   }

   Dieser Code erstellt eine Ereignisprozedur für ein CLICK -Ereignis, das die Optionsfelder underRb und overRb aktiviert, wenn das Kontrollkästchen homeCh ausgewählt ist, und deaktiviert sie, wenn homeCh nicht ausgewählt ist. Weitere Informationen finden Sie im Abschnitt zur MouseEvent-Klasse im ActionScript 3.0 Referenzhandbuch für Flash Professional .

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

Im folgenden Beispiel wird die gleiche Anwendung wie im vorigen Beispiel erstellt, nur werden das Kontrollkästchen und die Optionsfelder mithilfe von ActionScript-Code erstellt.

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

2. Ziehen Sie die CheckBox-Komponente und die RadioButton-Komponente aus dem Bedienfeld „Komponenten“ in das Bedienfeld „Bibliothek“ des aktuellen Dokuments. Falls das Bedienfeld „Bibliothek“ nicht angezeigt wird, öffnen Sie es, indem Sie Strg+L drücken oder „Fenster“ > „Bibliothek“ wählen.

   Dadurch werden die Komponenten für die Anwendung bereitgestellt ohne sie auf der Bühne zu platzieren.

3. Öffnen Sie das Bedienfeld „Aktionen“, wählen Sie in der Hauptzeitleiste Bild 1 aus und geben Sie den folgenden Code ein, um Komponenteninstanzen zu erstellen und zu positionieren:

   import fl.controls.CheckBox; 
   import fl.controls.RadioButton; 
    
   var homeCh:CheckBox = new CheckBox(); 
   var underRb:RadioButton = new RadioButton(); 
   var overRb:RadioButton = new RadioButton(); 
   addChild(homeCh); 
   addChild(underRb); 
   addChild(overRb); 
   underRb.groupName = "valueGrp"; 
   overRb.groupName = "valueGrp"; 
   homeCh.move(200, 100); 
   homeCh.width = 120; 
   homeCh.label = "Own your home?"; 
   underRb.move(220, 130); 
   underRb.enabled = false; 
   underRb.width = 120; 
   underRb.label = "Under $500,000?"; 
   overRb.move(220, 150); 
   overRb.enabled = false; 
   overRb.width = 120; 
   overRb.label = "Over $500,000?";

   Dieser Code verwendet die Konstruktoren CheckBox() und RadioButton() , um die Komponenten zu erstellen, und die Methode addChild() , um sie auf der Bühne zu platzieren. Er verwendet die Methode move() , um die Komponenten auf der Bühne zu platzieren.

4. Fügen Sie jetzt den folgenden ActionScript-Code hinzu, um einen Ereignis-Listener und eine Ereignisprozedur zu erstellen:

   homeCh.addEventListener(MouseEvent.CLICK, clickHandler); 
    
   function clickHandler(event:MouseEvent):void { 
       underRb.enabled = event.target.selected; 
       overRb.enabled = event.target.selected;     
   }

   Dieser Code erstellt eine Ereignisprozedur für das CLICK -Ereignis, das die Optionsfelder underRb und overRb aktiviert, wenn das Kontrollkästchen homeCh ausgewählt ist, und deaktiviert sie, wenn homeCh nicht ausgewählt ist. Weitere Informationen finden Sie im Abschnitt zur MouseEvent-Klasse im ActionScript 3.0 Referenzhandbuch für Flash Professional .

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