Introduction rapide Composants Flash Button et Label

Ajouter ce qui suit au Main.as

 fonction publique setupButtons (): void // définit l'étiquette sur le bouton basicButton.label = "Cliquez sur moi"; basicButton.addEventListener (MouseEvent.CLICK, basicButtonClick); toggleButton.label = "On"; // Nous utilisons selected ici pour mettre le bouton dans son état "On". ToggleButton.selected = true; // Utilisé pour basculer le bouton… chaque fois que vous cliquez sur le bouton, la sélection devient true / false toggleButton.toggle = true; // La propriété toggle attend un changement, nous utilisons ici Event.CHANGE et non MouseEvent.CLICK toggleButton.addEventListener (Event.CHANGE, toggleButtonClick);  private function setupLabels (): void // Ceci définit le libellé sur lequel il redimensionne automatiquement le texte qui lui est transmis basicLabel.autoSize = TextFieldAutoSize.LEFT; // Définit le texte initial de l'étiquette basicLabel.text = "Vous avez cliqué sur le bouton 0 fois"; htmlLabel.autoSize = TextFieldAutoSize.LEFT; // Pour pouvoir utiliser les balises HTML prises en charge, nous utilisons le texte htmlText de l’étiquette Sur";

Étape 6: Auditeurs de l'événement

Ici, nous allons coder nos écouteurs d’événement que nous avons ajoutés aux boutons. Ajoutez ce qui suit au Main.as:

 fonction privée basicButtonClick (e: Event): void // Incrémente le nombre de fois où l'utilisateur a cliqué sur le bouton numClicks ++; // Ici, nous convertissons numClicks en chaîne puisque text attend une chaîne basicLabel.text = "Vous avez cliqué sur le bouton" + String (numClicks) + "times";  fonction privée toggleButtonClick (e: Event): void // Si le bouton est sélectionné, le htmlText de l'étiquette est défini avec un "On" vert; // Et change le libellé des boutons en "ON"; // De préférence, vous feriez quelque chose d'utile ici, comme montrer un clip si (e.target.selected == true) htmlLabel.htmlText = "Le bouton est Sur"; e.target.label =" ON "; // Fait quelque chose d'utile else // Si le bouton n'est pas sélectionné, nous définissons le texte html de l'étiquette avec un rouge éteint // Et modifions les boutons étiquette en" OFF " ; // De préférence, vous feriez quelque chose d’utile ici, comme masquer un clip htmlLabel.htmlText = "Le bouton est De"; e.target.label =" OFF "; // Fait quelque chose d’utile

Fermez ensuite les déclarations de classe et de package avec deux accolades fermantes..

Conclusion

L'utilisation de composants Button et Label est un moyen simple et rapide de créer des boutons et des étiquettes entièrement fonctionnels sans avoir à les créer vous-même.

Vous remarquerez dans le panneau Paramètres des composants des composants que vous pouvez vérifier et sélectionner certaines propriétés..

Propriétés du composant Button.

Propriétés du composant Button

• souligné: une valeur booléenne qui indique si une bordure est dessinée autour du composant Button lorsque le bouton est levé
• activée: une valeur booléenne qui indique si le composant peut accepter la saisie de l'utilisateur
• étiquette: le libellé du composant
• labelPlacement: position de l'étiquette par rapport à une icône spécifiée
• choisi: une valeur booléenne qui indique si un bouton bascule est activé ou désactivé
• basculer: une valeur booléenne qui indique si un bouton peut être basculé
• visible: une valeur booléenne qui indique si l'instance du composant est visible

Propriétés du composant d'étiquette

• taille automatique: indique comment une étiquette est dimensionnée et alignée pour correspondre à la valeur de sa propriété text
• blanc condensé: une valeur booléenne qui indique si des espaces blancs supplémentaires tels que des espaces et des sauts de ligne doivent être supprimés d'un composant Label contenant du texte HTML
• activée: une valeur booléenne qui indique si le composant peut accepter la saisie de l'utilisateur
• htmlText: le texte à afficher par le composant Label, y compris le balisage HTML qui exprime les styles de ce texte
• sélectionnable: une valeur booléenne qui indique si le texte peut être sélectionné
• texte: le texte brut à afficher par le composant Label.
• visible: une valeur booléenne qui indique si l'instance du composant est visible
• wordWrap: une valeur booléenne qui indique si l'étiquette prend en charge le retour à la ligne

Les fichiers d’aide constituent un excellent endroit pour en savoir plus sur les propriétés de composant que vous pouvez définir dans le panneau Paramètres de composant. Voici les pages de vécu pour le bouton et pour le label.

Merci de votre lecture et faites attention aux prochains conseils relatifs aux composants!