Schnelle Einführung Flash Button und Label Components

Fügen Sie dem Main.as Folgendes hinzu

 public function setupButtons (): void // setzt die Beschriftung der Schaltfläche basicButton.label = "Click Me"; basicButton.addEventListener (MouseEvent.CLICK, basicButtonClick); toggleButton.label = "Ein"; // Wir verwenden hier select, um die Schaltfläche in den Status "On" zu setzen. ToggleButton.selected = true; // Wird verwendet, um die Schaltfläche umzuschalten. Jedes Mal, wenn Sie auf die Schaltfläche klicken, wird sie als true / false ausgewählt. ToggleButton.toggle = true; // Die toggle -Eigenschaft erwartet eine Änderung, daher verwenden wir hier Event.CHANGE nicht MouseEvent.CLICK toggleButton.addEventListener (Event.CHANGE, toggleButtonClick);  private function setupLabels (): void // Hiermit wird festgelegt, wo die Beschriftung automatisch den für sie übergebenen Text in der Größe hält. basicLabel.autoSize = TextFieldAutoSize.LEFT; // Setzt den Anfangstext des Labels basicLabel.text = "Sie haben 0 Mal auf die Schaltfläche geklickt"; htmlLabel.autoSize = TextFieldAutoSize.LEFT; // Um ​​Flashes unterstützte html-Tags verwenden zu können, verwenden wir den htmlText des Labels htmlLabel.htmlText = "Die Schaltfläche ist Auf";

Schritt 6: Ereignis-Listener

Hier werden wir unsere Event Listener kodieren, die wir den Buttons hinzugefügt haben. Fügen Sie der Main.as Folgendes hinzu:

 private function basicButtonClick (e: Event): void // Inkrementiert die Anzahl, wie oft der Benutzer auf die Schaltfläche geklickt hat. numClicks ++; // Hier wandeln wir numClicks in einen String um, da Text einen String erwartet basicLabel.text = "Sie haben auf die Schaltfläche geklickt" + String (numClicks) + "times";  private Funktion toggleButtonClick (e: Event): void // Wenn die Schaltfläche ausgewählt ist, setzen wir den htmlText des Labels mit einem grünen "On"; // Und ändere die Beschriftung der Knöpfe in "ON"; // Am liebsten würdest du hier etwas Nützliches tun, zB einen Movieclip zeigen, wenn (e.target.selected == true) htmlLabel.htmlText = "Die Schaltfläche ist Auf"; e.target.label =" ON "; // etwas Nützliches tun else // Wenn die Schaltfläche nicht ausgewählt ist, setzen wir den htmlText der Beschriftung mit einem roten Aus // und ändern die Schaltflächenbeschriftung in" OFF ". ; // Am liebsten machst du hier etwas Nützliches wie das Ausblenden eines Movieclips. HtmlLabel.htmlText = "Die Schaltfläche ist aus"; e.target.label =" OFF "; // etwas Nützliches tun

Schließen Sie dann die Klassen- und Paketdeklarationen mit zwei schließenden geschweiften Klammern.

Fazit

Die Verwendung von Button- und Label-Komponenten ist eine einfache und schnelle Möglichkeit, voll funktionsfähige Buttons und Labels zu haben, ohne sie selbst erstellen zu müssen.

Sie werden im Bereich Komponentenparameter der Komponenten feststellen, dass Sie bestimmte Eigenschaften überprüfen und auswählen können.

Eigenschaften der Schaltflächenkomponente.

Eigenschaften für die Button-Komponente

• betont: Ein boolescher Wert, der angibt, ob die Button-Komponente umrandet wird, wenn sich die Schaltfläche im oberen Status befindet
• aktiviert: Ein boolescher Wert, der angibt, ob die Komponente Benutzereingaben akzeptieren kann
• Etikette: die Textbezeichnung für die Komponente
• labelPlacement: Position der Beschriftung in Bezug auf ein angegebenes Symbol
• ausgewählt: Ein boolescher Wert, der angibt, ob eine Umschaltfläche ein- oder ausgeschaltet ist
• Umschalten: Ein boolescher Wert, der angibt, ob eine Schaltfläche umgeschaltet werden kann
• sichtbar: Ein boolescher Wert, der angibt, ob die Komponenteninstanz sichtbar ist

Eigenschaften für die Labelkomponente

• automatische Größenanpassung: Gibt an, wie die Größe eines Etiketts bemessen und an den Wert der Texteigenschaft angepasst wird
• verdichtenWeiß: Ein boolescher Wert, der angibt, ob zusätzlicher Leerraum wie Leerzeichen und Zeilenumbrüche aus einer Label-Komponente entfernt werden soll, die HTML-Text enthält
• aktiviert: Ein boolescher Wert, der angibt, ob die Komponente Benutzereingaben akzeptieren kann
• htmlText: Der von der Label-Komponente anzuzeigende Text, einschließlich HTML-Markup, der die Formatvorlagen dieses Texts ausdrückt
• wählbar: ein boolescher Wert, der angibt, ob der Text ausgewählt werden kann
• Text: Der Nur-Text, der von der Label-Komponente angezeigt werden soll.
• sichtbar: Ein boolescher Wert, der angibt, ob die Komponenteninstanz sichtbar ist
• Zeilenumbruch: Ein boolescher Wert, der angibt, ob das Label die Zeilenumbrüche unterstützt

In den Hilfedateien können Sie mehr über die Komponenteneigenschaften erfahren, die Sie im Bedienfeld Komponentenparameter festlegen können. Hier sind die Livedocs-Seiten für den Button und für das Label.

Vielen Dank für das Lesen und achten Sie auf weitere aufkommende Quick-Tips!