Flex - Contrôle CheckBox

introduction

Le composant CheckBox représente une case à cocher et un libellé facultatif. Lorsqu'un utilisateur clique sur un composant CheckBox ou son texte, le composant CheckBox définit sa propriété sélectionnée sur true pour coché et sur false pour non coché.

Déclaration de classe

Voici la déclaration pour spark.components.CheckBox classe -

public class CheckBox 
   extends ToggleButtonBase

Méthodes publiques

Sr.Non	Méthode et description
1	CheckBox() Constructeur.

Méthodes héritées

Cette classe hérite des méthodes des classes suivantes -

• spark.components.supportClasses.ToggleButtonBase
• spark.components.supportClasses.ButtonBase
• spark.components.supportClasses.SkinnableComponent
• mx.core.UIComponent
• mx.core.FlexSprite
• flash.display.Sprite
• flash.display.DisplayObjectContainer
• flash.display.InteractiveObject
• flash.display.DisplayObject
• flash.events.EventDispatcher
• Object

Exemple de contrôle Flex CheckBox

Suivons les étapes suivantes pour vérifier l'utilisation du contrôle CheckBox dans une application Flex en créant une application de test -

Étape	La description
1	Créez un projet avec un nom HelloWorld sous un package com.tutorialspoint.client comme expliqué dans le chapitre Flex - Créer une application .
2	Modifiez HelloWorld.mxml comme expliqué ci-dessous. Gardez le reste des fichiers inchangé.
3	Compilez et exécutez l'application pour vous assurer que la logique métier fonctionne conformément aux exigences.

Voici le contenu du fichier mxml modifié src/com.tutorialspoint/HelloWorld.mxml.

<?xml version = "1.0" encoding = "utf-8"?>
<s:Application xmlns:fx = "http://ns.adobe.com/mxml/2009"
   xmlns:s = "library://ns.adobe.com/flex/spark"
   xmlns:mx = "library://ns.adobe.com/flex/mx"
   width = "100%" height = "100%" minWidth = "500" minHeight = "500">
   
   <fx:Style source = "/com/tutorialspoint/client/Style.css" />
   <s:BorderContainer width = "550" height = "400" id = "mainContainer" 
      styleName = "container">
      <s:VGroup width = "100%" height = "100%" gap = "50" 
         horizontalAlign = "center" verticalAlign = "middle">
         <s:Label id = "lblHeader" text = "Form Controls Demonstration" 
            fontSize = "40" color = "0x777777" styleName = "heading" />
         
         <s:Panel id = "checkBoxPanel" title = "Using CheckBox" width = "420" 
            height = "200" >			
            <s:layout>   
               <s:VerticalLayout  gap = "10" verticalAlign = "middle" 
                  horizontalAlign = "center" />	
            </s:layout>
            
            <s:CheckBox id = "chkBox" label = "Checked by default" 
               selected = "true" width = "50%" />
            <s:CheckBox id = "chkBox1" label = "Checked,Disabled" 
               selected = "true" enabled = "false" width = "50%" />
            <s:CheckBox id = "chkBox2" label = "UnChecked" width = "50%" />
            <s:CheckBox id = "chkBox3" label = "UnChecked,Disabled" 
               enabled = "false" width = "50%" />
         </s:Panel >
      </s:VGroup>	 
   </s:BorderContainer>	
</s:Application>

Une fois que vous êtes prêt avec tous les changements effectués, laissez-nous compiler et exécuter l'application en mode normal comme nous l'avons fait dans le chapitre Flex - Créer une application . Si tout va bien avec votre application, elle produira le résultat suivant: [ ]