Conseils de conception de styles pour le contrôle CheckBox

Le contrôle CheckBox représente un objet qui réagit à l’entrée utilisateur à partir d’une souris, d’un clavier ou d’un autre périphérique d’entrée, et qui parcourt trois états différents (Coché, Indéterminé et Non coché) qui déclenchent des événements associés.

Comme avec tous les contrôles, vous pouvez modifier le contrôle CheckBox de sorte qu’il paraisse très différent de son apparence par défaut. Par défaut, le contrôle CheckBox se présente comme suit :

Propriétés intéressantes du contrôle CheckBox

Le contrôle CheckBox est un contrôle de contenu. Vous pouvez ainsi afficher un texte à l’intérieur en définissant la propriété Contenu sous Propriétés communes dans le panneau Propriétés.

Vous pouvez définir la propriété ClickMode pour déterminer quand l’événement Click est déclenché : lorsque vous cliquez sur (ou relâchez) le bouton de la souris, ou lorsque vous placez le pointeur sur le contrôle CheckBox.

Vous pouvez également définir la propriété IsChecked pour afficher le contrôle CheckBox à l’état Activé, et définir la propriété IsThreeState pour activer le contrôle CheckBox afin d’utiliser l’état Indéterminé outre les états Coché et Non coché.

Les états Activé d’un contrôle CheckBox qui utilise le modèle système par défaut

Vous pouvez définir ces propriétés des manières suivantes :

• Définir les propriétés de l’objet   Après avoir dessiné un objet CheckBox sur la planche graphique, vous pouvez définir directement les propriétés de l’objet. Pour que plusieurs contrôles CheckBox utilisent les mêmes valeurs, définissez ces propriétés dans un style.

• Définir les propriétés dans un style   Si vous définissez ces propriétés dans le style  de l’objet CheckBox, tout objet CheckBox qui a recours à ce style utilise ces valeurs. Vous pouvez remplacer les valeurs d’un objet spécifique.

  Pour plus d’informations, voir Créer un style.

Le contrôle CheckBox change l’apparence selon l’état correspondant. Vous pouvez modifier l’apparence de chaque état en mode de modification de modèle en sélectionnant un état dans le panneau États. Pour plus d’informations, voir les états dans les listes suivantes, et voir Définition d'états visuels différents pour un contrôle.

Pour indiquer ce qui se passe lorsque vous cliquez sur un contrôle CheckBox, faites glisser un comportement vers un objet CheckBox ou vers un objet du modèle CheckBox. Pour plus d’informations, voir Ajout de comportements aux objets.

Vous pouvez éventuellement relier l’événement Click à un gestionnaire d’événements. Pour plus d’informations, voir Écriture de code de gestion des événements.

Parties d’un modèle CheckBox

Le contrôle CheckBox ne comporte aucune partie.

États d’un contrôle CheckBox

Par défaut, le contrôle CheckBox peut être dans l’un des quatre états suivants dans le groupe d’états CommonStates, que vous pouvez afficher dans le panneau États lors de la modification d’un modèle CheckBox :

Nom de l’état	Description
Normal	Aspect du contrôle CheckBox en l’absence d’interaction avec ce dernier.
MouseOver	Aspect du contrôle CheckBox lorsque l’utilisateur place le pointeur dessus.
Enfoncé	Aspect du contrôle CheckBox lorsque l'utilisateur clique dessus ou lorsque le contrôle est activable et que l'utilisateur appuie sur Entrée ou Espace.
Désactivé	Aspect du contrôle CheckBox lorsque la valeur False est affectée à la propriété IsEnabled.

Le contrôle CheckBox peut être dans l’un des deux états suivants du groupe d’états FocusStates :

Nom de l’état	Description
Sans focus	Aspect du contrôle CheckBox lorsqu'il ne possède pas le focus clavier.
Avec focus	Aspect du contrôle CheckBox lorsqu'il possède le focus clavier. Un utilisateur pourrait, par exemple, appuyer sur la touche Tabulation pour parcourir en séquence les objets d'une application jusqu'à ce que le focus clavier soit sur le contrôle CheckBox.

Le contrôle CheckBox peut être dans l’un des trois états suivants du groupe d’états CheckStates :

Nom de l’état	Description
Non coché	Aspect du contrôle CheckBox lorsque la valeur False est affectée à la propriété IsChecked.
Coché	Aspect du contrôle CheckBox lorsque la valeur True est affectée à la propriété IsChecked.
Indéterminé	Aspect du contrôle CheckBox lorsque la propriété IsThreeState est définie sur True et que la propriété IsChecked est définie sur Null.

Conseil :

Un groupe d'états contient les états visuels qui appartiennent à une même catégorie logique et qui ne peuvent pas être affichés en même temps. Le groupe CommonStates, par exemple, comprend des états qui se rapportent à une interaction utilisateur avec un périphérique d'entrée tel que la souris. Seul un état d’un groupe d’états peut être affiché à la fois, mais un état provenant d’un seul groupe peut être affiché en même temps qu’un état d’un autre groupe d’états.

Lorsque vous sélectionnez un état, l'enregistrement d'état est activé et les éventuelles modifications que vous apportez seront enregistrées pour cet état. Pour désactiver l’enregistrement de l’état, cliquez sur le bouton d’enregistrement  sur la planche graphique, ou sélectionnez Base dans le panneau États. Pour modifier l’apparence de votre contrôle lorsque deux états distincts sont actifs, vous pouvez épingler un aperçu d’un état dans un groupe d’états tout en modifiant un état dans un autre groupe d’états.

Pour convertir des objets en contrôle CheckBox

Étant donné que le contrôle CheckBox ne contient aucune partie, vous pouvez convertir des objets en contrôle CheckBox.

1. Regroupez vos objets dans un panneau de disposition, sélectionnez ce dernier, puis, dans le menu Outils, cliquez sur Créer un contrôle.

2. Dans la boîte de dialogue qui s’affiche, sélectionnez CheckBox, nommez votre modèle, et sélectionnez l’emplacement de stockage du modèle.

   Pour plus d’informations sur les emplacements, voir Créer une ressource.

3. Après avoir cliqué sur OK, Microsoft Expression Blend passe en mode de modification de modèle et affiche les objets qui composent votre contrôle CheckBox.

4. Si le groupe d’objets d’origine comprend un objet TextBlock , ce dernier est converti en objet ContentPresenter dans le modèle de contrôle CheckBox. Ceci permet à l’objet CheckBox d’afficher un texte. Si vos objets d’origine ne comportent pas un objet TextBlock, un objet ContentPresenter est automatiquement ajouté au modèle. S’il n’est pas nécessaire d’afficher le texte dans la propriété Contenu de l’objet CheckBox auquel ce modèle est appliqué, vous pouvez supprimer l’objet ContentPresenter.

5. Vous pouvez continuer à modifier votre modèle dans ce mode. Par exemple, ajoutez ou modifiez des objets, ou sélectionnez un état dans le panneau États pour modifier l’apparence de votre modèle dans cet état.

6. Pensez à lier certaines des propriétés de pinceau pour les objets de votre modèle aux propriétés suivantes de l’objet CheckBox qui utiliseront finalement votre modèle :

   • Arrière-plan

   • BorderBrush

   • Premier plan

   • BorderThickness

   Pour plus d’informations, voir Véhiculer des propriétés d'objet vers le modèle.

7. Pour quitter le mode de modification de modèle, cliquez sur [CheckBox] dans la barre de navigation en haut de la planche graphique, ou cliquez sur Étendue supérieure  dans le panneau Objets et chronologie.

Pour plus d’informations sur l’application de votre nouveau modèle CheckBox à d’autres objets CheckBox, voir Appliquer ou supprimer une ressource.

Références

Vous trouverez des informations détaillées sur les propriétés et événements du contrôle CheckBox Microsoft Silverlight dans la Galerie de contrôles Silverlight Gallery sur MSDN.

Voir aussi

Concepts

Conseils de conception de styles pour les contrôles Silverlight courants

SimpleCheckBox

Définition d'un style pour un contrôle prenant en charge les modèles