AS3 : Créer un bouton SimpleButton en ActionScript 3

18 nov AS3 : Créer un bouton SimpleButton en ActionScript 3

L’ActionScript3 va prendre une part importante dans l’interface utilisateur de ma domotique. J’attaque donc une série d’article afin de se familiariser avec ce dernier.
Et nous commençons par : Créer un bouton en ActionScript 3 (AS3)


Pour créer un bouton en ActionScript, nous allons devoir utiliser les classes SimpleButton et TextField.

import flash.display.SimpleButton;
import flash.text.TextField;

Ensuite, nous allons commencer par créer une instance du bouton dans le constructeur de notre classe.

var monBouton:SimpleButton = new SimpleButton(); 

Les états visuels du bouton sont représentés par 3 propriétés : « upState, overState, downState »
La zone cliquable est représentée par la propriété « hitTestState.

Dans notre exemple, chaque état du bouton sera représenté avec le même texte mais de couleur différente.

var normal:TextField = new TextField();
var survol:TextField = new TextField();
var clic:TextField = new TextField();
		   
// Label du bouton = "valider"
normal.text = survol.text = clic.text = "Valider";
	
// Le texte du survol sera de couleur rouge
survol.textColor = 0xFF0000;
	
// Le texte du clic sera de couleur bleue
clic.textColor = 0x0000FF;

Les états du bouton sont définies sur les textes

monBouton.upState = normal;
monBouton.overState = survol;
monBouton.downState = clic;
monBouton.hitTestState = normal;

Il nous reste plus qu’à afficher notre bouton

addChild(monBouton);

Démonstration du SimpleButton AS3

Télécharger le SimpleButton AS3

SimpleButton AS3 (414)
Be Sociable, Share!
No Comments

Post A Comment