Conseils de conception de styles pour le contrôle RadioButton

Le contrôle RadioButton représente un objet qui réagira aux entrées de l'utilisateur effectuées à l'aide d'une souris, d'un clavier ou d'un autre périphérique de saisie et qui passe de façon cyclique par trois états différents (Coché, Indéterminé et Non coché) qui lanceront les événements associés.

Comme tout contrôle, le contrôle RadioButton peut être modifié et son aspect peut devenir très différent de son apparence par défaut. Par défaut, le contrôle RadioButton a l'aspect suivant :

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

Le contrôle RadioButton est un contrôle de contenu. Par conséquent, vous pouvez afficher du texte dans le contrôle RadioButton en définissant la propriété Content (contenu) sous Propriétés communes dans le Panneau Propriétés.

Vous pouvez définir la propriété ClickMode pour déterminer l'instant où l'événement « clic » se produit : lorsque l'on appuie sur un bouton de la souris ou lorsqu'on le relâche, ou lorsque le pointeur survole le contrôle RadioButton.

Vous pouvez également définir la propriété IsChecked pour afficher une coche dans le contrôle RadioButton et définir la propriété IsThreeState pour permettre au contrôle RadioButton d'utiliser l'état Indéterminé en plus des états Coché et Non coché.

Si plusieurs objets RadioButton sont associés, un seul peut être sélectionné à la fois dans votre application en cours d'exécution. Vous pouvez associer plusieurs objets RadioButton en entrant le même nom dans la propriété GroupName. Par défaut, tous les objets RadioButton qui sont ajoutés à la planche graphique dans Microsoft Expression Blend sont associés par une propriété GroupName vide.

Vous pouvez modifier ces propriétés comme suit :

• Définir les propriétés de l'objet   Lorsque vous avez dessiné un objet RadioButton sur la planche graphique, vous pouvez définir directement les propriétés de l'objet. Si vous voulez que plusieurs objets RadioButton utilisent les mêmes valeurs, vous pouvez définir 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 RadioButton, tout objet RadioButton qui utilise ce style utilisera ces valeurs. Vous pouvez remplacer les valeurs d'un objet spécifique.

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

Le contrôle RadioButton change d'apparence en fonction de l'état dans lequel il se trouve. Vous pouvez modifier l'apparence de chaque état dans le mode de modification de modèles 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 spécifier ce qui se passe lorsque l'on clique sur l'objet RadioButton, faites glisser un comportement sur l'objet RadioButton ou sur un objet du modèle RadioButton. Pour plus d'informations, voir Ajout de comportements aux objets.

En option, vous pouvez associer l'événement « clic » à un gestionnaire d'événements. Pour plus d'informations, voir Écriture de code de gestion des événements.

Parties du modèle RadioButton

Le contrôle RadioButton n'a pas de parties.

États du contrôle RadioButton

Par défaut, le contrôle RadioButton peut être dans l'un des 4 états suivants dans le groupe des états CommonStates qui est visible dans le panneau États lors de la modification d'un modèle RadioButton :

Nom de l'état	Description
Normal	Aspect du contrôle RadioButton en l'absence d'interaction avec ce dernier.
MouseOver	Aspect du contrôle RadioButton lorsque l'utilisateur déplace le pointeur sur ce dernier.
Enfoncé	Aspect du contrôle RadioButton 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 RadioButton lorsque la propriété IsEnabled a pour valeur False.

Le contrôle RadioButton peut être dans l'un des deux états suivants du groupe des états FocusStates :

Nom de l'état	Description
Sans focus	Aspect du contrôle RadioButton lorsqu'il ne possède pas le focus clavier.
Avec focus	Aspect du contrôle RadioButton 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 RadioButton.

Le contrôle RadioButton peut être dans l'un des 3 états suivants du groupe des états CheckStates :

Nom de l'état	Description
Non coché	Aspect du contrôle RadioButton lorsque la propriété IsChecked a pour valeur False.
Coché	Aspect du contrôle RadioButton lorsque la propriété IsChecked a pour valeur True.
Indéterminé	Aspect du contrôle RadioButton lorsque la propriété IsThreeState a pour valeur True.

Conseil :

Un groupe d'états contient les états visuels qui appartiennent à une même catégorie logique et ne peuvent pas être affichés simultanément. 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. Un seul état d'un groupe d'états peut être affiché à la fois, mais un état d'un 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 de l'état est activé et toutes les modifications que vous effectuez sont enregistrées pour cet état. Pour désactiver l'enregistrement de l'état, cliquez sur le bouton d'enregistrement 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 pendant que vous modifiez un état dans un autre groupe d'états.

Pour convertir des objets en contrôle RadioButton

Étant donnant que le contrôle RadioButton n'a pas de parties, vous pouvez convertir n'importe quel objet en contrôle RadioButton.

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 RadioButton, donnez un nom à votre modèle et sélectionnez l'emplacement où le modèle sera stocké.

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

3. Lorsque vous cliquez sur OK, Expression Blend entre dans le mode de modification de modèle et affiche les objets qui forment votre contrôle RadioButton. 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.

4. Envisagez de lier certaines propriétés du pinceau des objets de votre modèle aux propriétés suivantes de l'objet RadioButton que votre modèle utilisera in fine :

   • Background

   • BorderBrush

   • Foreground

   • BorderThickness

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

5. Pour sortir du mode de modification de modèle, cliquez sur [RadioButton] 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 RadioButton à d'autres objets RadioButton, voir Appliquer ou supprimer une ressource.

Références

Des informations détaillées sur les propriétés et les événements du contrôle RadioButton Microsoft Silverlight sont disponibles à la rubrique Silverlight Control Gallery (galerie des contrôles Silverlight) sur MSDN.

Voir aussi

Tâches

Véhiculer des propriétés d'objet vers le modèle

Concepts

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

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