Créer un contrôle utilisateur dans votre projet

Vous pouvez créer des contrôles personnalisés et les réutiliser plusieurs fois dans un projet. Ces contrôles héritent de la classe UserControl et n’utilisent donc pas de modèle. Vous pouvez toutefois comparer l'aspect de votre contrôle utilisateur en le désignant directement.

Pour créer un contrôle utilisateur vide

1. Ouvrez un projet.

2. Dans le menu Fichier, cliquez sur Nouvel élément (Ctrl+N).

   

3. Dans la boîte de dialogue Nouvel élément, sélectionnez UserControl .

4. En regard de Nom, entrez un nom descriptif pour votre contrôle utilisateur.

5. Si vous voulez qu’un fichier code-behind soit généré pour ce contrôle utilisateur, sélectionnez Inclure le fichier de code.

   Conseil :
   Vous aurez besoin d’un fichier code-behind si vous voulez que le contrôle utilisateur réponde aux interactions de l’utilisateur, ou si un développeur doit créer un comportement personnalisé pour le contrôle utilisateur.

6. Cliquez sur OK pour fermer la boîte de dialogue et ouvrir le contrôle utilisateur pour modification.

   Vous pouvez maintenant créer l’aspect de votre contrôle utilisateur.

Pour créer un contrôle utilisateur à partir d’objets existants

1. Sélectionnez les objets existants que vous voulez intégrer au nouveau contrôle utilisateur.

   Conseil :
   Pour sélectionner plusieurs objets, maintenez enfoncée la touche Ctrl lorsque vous cliquez sur chaque objet.

2. Dans le menu Outils, cliquez sur Transformer en UserControl (F8).

   

3. Dans la boîte de dialogue Transformer un UserControl, entrez un nom descriptif pour votre contrôle utilisateur.

4. Si vous voulez laisser les objets sélectionnés à leur place et créer des doublons dans le contrôle utilisateur, sélectionnez Laisser le contenu original tel quel et créer des doublons si nécessaire.

5. Cliquez sur OK pour créer les fichiers de contrôles utilisateur et ouvrir le fichier XAML sur la planche graphique pour modification.

Pour dessiner une nouvelle instance de votre contrôle utilisateur dans un document dans votre projet

1. Enregistrez tous vos fichiers (Ctrl+Maj+S).

2. Générez votre projet (Ctrl+Maj+B) de façon à ce que le contrôle utilisateur apparaisse dans le panneau Composants.

3. Dans le panneau Outils, cliquez sur Composants .

4. Dans le panneau Composants de l'onglet Projet, sélectionnez votre contrôle utilisateur.

   

5. Utilisez votre souris pour dessiner votre contrôle utilisateur sur la planche graphique.

Conseil :

Utilisez la commande Transformer en contrôle pour créer un modèle de contrôle à partir des objets sélectionnés. Vous pouvez sélectionner des objets sur la planche graphique, les regrouper sur un panneau de disposition tel qu’un contrôle Grid , puis cliquer sur Transformer en contrôle dans le menu Outils. La commande Transformer en contrôle ne permet pas de créer un contrôle utilisateur. Cette commande permet de créer un style de contrôle contenant un modèle constitué des objets sélectionnés. Pour dessiner un autre contrôle du même type, sélectionnez votre style dans la catégorie Styles du panneau Composants, puis dessinez sur la planche graphique.

Dépannage

• Lorsque vous utilisez la commande Transformer en UserControl, si les objets sélectionnés incluent du contenu utilisé comme facteur, tel que des déclencheurs ou gestionnaires d’événements, vous devrez peut-être restaurer ces déclencheurs et méthodes de gestionnaires d’événements dans le nouveau contrôle utilisateur créé.

Étapes suivantes

• Vous pouvez ajouter d’autres objets à votre contrôle utilisateur. Pour plus d'informations, voir les rubriques suivantes :

  • Dessiner une forme ou un chemin dans votre projet

  • Dessiner un contrôle dans votre projet

  • Insérer un fichier image dans le document actif

• Vous pouvez définir des états personnalisés dans lesquels votre contrôle utilisateur peut se trouver, et modifier l’apparence de votre contrôle utilisateur dans chaque état. Pour plus d’informations, voir Définir différents états visuels et durées de transition pour un contrôle utilisateur.

• Vous pouvez faire répondre votre contrôle utilisateur à un clic de souris en modifiant son apparence. Pour plus d’informations, voir Modifier des états en réponse à l’interaction de l’utilisateur.

• Vous pouvez faire changer d’apparence votre contrôle utilisateur de manière plus élaborée lorsque vous cliquez dessus. Pour plus d’informations, voir Ajouter une animation qui sera passée après une modification d’état.

• Vous pouvez faire apparaître votre contrôle utilisateur au moment de l’exécution en réponse à un clic sur un bouton ou à une autre interaction de l’utilisateur. Pour plus d’informations, voir Essayez ! Charger une nouvelle page dynamiquement dans votre application Silverlight.

Voir aussi

Tâches

Créer un contrôle à partir d’objets existants

Copyright © 2011 Microsoft Corporation. Tous droits réservés.