Créer un contrôle utilisateur dans votre projet Silverlight 2
.png "Cette page s’applique uniquement aux projets Silverlight 2")
Vous pouvez créer des contrôles personnalisés et les réutiliser plusieurs fois dans un projet Silverlight 2. Ces contrôles héritent de la classe UserControl et n’utilisent donc pas de modèle. Vous pouvez toutefois contrôler entièrement l’apparence de votre contrôle utilisateur en le créant intégralement.
Pour créer un contrôle utilisateur vide
Ouvrez un projet Silverlight 2.
Dans le menu Fichier, cliquez sur Nouvel élément (Ctrl+N).
.png "Dd185520.b2bd3ff5-22c3-403e-af75-ed0d4d1b7aed(fr-fr,Expression.10).png")
Dans la boîte de dialogue Nouvel élément, sous Modèles installés, sélectionnez UserControl.
En regard de Nom, entrez un nom descriptif pour votre contrôle utilisateur.
Si vous voulez qu’un fichier code-behind soit généré pour ce contrôle utilisateur, sélectionnez Inclure le fichier de code.
.gif "Conseil")
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.
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
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.
Dans le menu Outils, cliquez sur Créer un contrôle (F8).
.png "Dd185520.2a301fcf-3ece-4254-a3d1-654ad98cb9a7(fr-fr,Expression.10).png")
Dans la boîte de dialogue Créer un contrôle, entrez un nom descriptif pour votre contrôle utilisateur.
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.
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
Enregistrez tous vos fichiers (Ctrl+Maj+S).
Générez votre projet (Ctrl+Maj+B) de façon à ce que le contrôle utilisateur apparaisse dans la Bibliothèque de composants.
Dans la boîte à outils, cliquez sur Bibliothèque de composants
.png "Dd185520.0224cabd-5da1-4e01-bddd-4a647401a098(fr-fr,Expression.10).png")
.Dans l’onglet Contrôles personnalisés de la Bibliothèque de composants, sélectionnez votre contrôle utilisateur.
.png "Dd185520.9cd1da53-f2d2-4f69-8b7d-3cce14b06763(fr-fr,Expression.10).png")
Utilisez votre souris pour dessiner votre contrôle utilisateur sur la planche graphique.
| Conseil : |
|---|
Utilisez la commande Créer un bouton dans les projets Silverlight 2 pour créer un bouton à partir d’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 Créer un bouton dans le menu Outils. Créer un bouton ne permet pas de créer un contrôle utilisateur. Cette commande permet de créer un style de bouton contenant un modèle constitué des objets sélectionnés. Pour dessiner un autre bouton du même type, sélectionnez votre style dans l’onglet Styles locaux de la Bibliothèque de composants, puis dessinez sur la planche graphique. |
Dépannage
- Lorsque vous utilisez la commande Créer un contrôle, 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 Dessiner une forme ou un chemin dans votre projet Silverlight 2, Dessiner un contrôle dans votre projet Silverlight 2 ou Ajouter un fichier image, audio ou vidéo à un projet.
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 l’état en réponse à une interaction 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 Charger une nouvelle page dynamiquement dans votre application Silverlight 2.