Les composants de type formulaire
CHAPITRE 15
365
Le composant bouton radio
Vous allez découvrir qu’il devient très vite fastidieux de gérer plusieurs occurrences de
composant de ce type, car les différents réglages à effectuer pour en configurer un sont
nombreux.
Afin d’avoir une meilleure visibilité de cette configuration, nous vous proposerons un
exemple, à la fin de ce développement, qui ne fait pas appel à une classe mais gère plutôt
chaque occurrence à base de programmation séquentielle.
1. Commencez par importer les deux classes nécessaires à la gestion des boutons radio.
import fl.controls.RadioButton;
import fl.controls.RadioButtonGroup;
2. Comme vous le savez sûrement, les boutons fonctionnent par groupe ce qui permet
d’en décocher un lorsque vous cliquer sur un autre. Nous devons donc définir un
groupe à l’aide d’une instance de la classe RadioButtonGroup().
var categorieAges:RadioButtonGroup = new RadioButtonGroup("group1");
3. Créez un bouton radio à l’aide de la classe RadioButton().
var btnRadio1:RadioButton = new RadioButton();
4. Définissez les propriétés de l’occurrence que vous venez de créer.
btnRadio1.group = categorieAges;
btnRadio1.label = "Moins de 18 ans";
btnRadio1.value = "0018";
btnRadio1.width=200;
5. Terminez l’étape de création du bouton radio en l’ajoutant à la liste d’affichage et en
le positionnant sur la scène.
btnRadio1.move(30,120);
addChild(btnRadio1);
6. Pour programmer le bouton, afin qu’il réagisse au clic, nous enregistrons un écouteur
qui va gérer l’événement MouseEvent.CLICK.
btnRadio1.addEventListener(MouseEvent.CLICK, clicSurBouton);
function clicSurBouton(event:MouseEvent):void {
valeurBoutonSelectionne.text= event.currentTarget.value;
}
Dans cet exemple, lorsque l’utilisateur clique sur un bouton radio, la valeur qui lui a été
affectée s’affiche dans un texte dynamique qui se trouve sur la scène et s’intitule valeurBoutonSelectionne.
Remarque
Placez un composant de type RadioButton dans la bibliothèque de l’animation.
CHAPITRE 15
365
Le composant bouton radio
Vous allez découvrir qu’il devient très vite fastidieux de gérer plusieurs occurrences de
composant de ce type, car les différents réglages à effectuer pour en configurer un sont
nombreux.
Afin d’avoir une meilleure visibilité de cette configuration, nous vous proposerons un
exemple, à la fin de ce développement, qui ne fait pas appel à une classe mais gère plutôt
chaque occurrence à base de programmation séquentielle.
1. Commencez par importer les deux classes nécessaires à la gestion des boutons radio.
import fl.controls.RadioButton;
import fl.controls.RadioButtonGroup;
2. Comme vous le savez sûrement, les boutons fonctionnent par groupe ce qui permet
d’en décocher un lorsque vous cliquer sur un autre. Nous devons donc définir un
groupe à l’aide d’une instance de la classe RadioButtonGroup().
var categorieAges:RadioButtonGroup = new RadioButtonGroup("group1");
3. Créez un bouton radio à l’aide de la classe RadioButton().
var btnRadio1:RadioButton = new RadioButton();
4. Définissez les propriétés de l’occurrence que vous venez de créer.
btnRadio1.group = categorieAges;
btnRadio1.label = "Moins de 18 ans";
btnRadio1.value = "0018";
btnRadio1.width=200;
5. Terminez l’étape de création du bouton radio en l’ajoutant à la liste d’affichage et en
le positionnant sur la scène.
btnRadio1.move(30,120);
addChild(btnRadio1);
6. Pour programmer le bouton, afin qu’il réagisse au clic, nous enregistrons un écouteur
qui va gérer l’événement MouseEvent.CLICK.
btnRadio1.addEventListener(MouseEvent.CLICK, clicSurBouton);
function clicSurBouton(event:MouseEvent):void {
valeurBoutonSelectionne.text= event.currentTarget.value;
}
Dans cet exemple, lorsque l’utilisateur clique sur un bouton radio, la valeur qui lui a été
affectée s’affiche dans un texte dynamique qui se trouve sur la scène et s’intitule valeurBoutonSelectionne.
Remarque
Placez un composant de type RadioButton dans la bibliothèque de l’animation.