Concepteur WPF pour les développeurs Windows Forms

Le Concepteur WPF pour Visual Studio présente beaucoup de similitudes avec le Concepteur Windows Forms, mais il s'en distingue de plusieurs manières. Cette rubrique décrit certaines de ces différences et explique également comment réaliser des tâches familières du Concepteur Windows Forms en utilisant le Concepteur WPF.

Importance du langage XAML

La différence principale entre le Concepteur Windows Forms et le Concepteur WPF réside dans le mode Fractionné. Le mode Fractionné vous permet d'afficher simultanément l'aire de conception et le balisage XAML. Le Concepteur WPF met l'accent sur le mode XAML et fournit une expérience d'édition complète, notamment IntelliSense, pour le code XAML de votre application. Grâce au mode XAML, vous pouvez réaliser de nombreuses tâches familières du Concepteur Windows Forms. Le mode Fractionné fournit une rétroaction immédiate en affichant les répercussions de vos modifications en mode XAML. Pour plus d'informations sur le mode Fractionné, consultez Affichage fractionné : afficher à la fois l'aire de conception WPF et XAML.

Vous pouvez également utiliser Expression Blend avec Visual Studio afin d'effectuer les tâches qui ne sont pas prises en charge dans le Concepteur WPF. Pour plus d'informations, consultez Collaboration avec Expression Blend.

Améliorations du Concepteur WPF

Diverses améliorations du Concepteur WPF ne sont pas disponibles dans le Concepteur Windows Forms. Parmi ces améliorations, il faut citer :

• Lignes et stubs de marge : les lignes de marge autour de chaque contrôle indiquent qu'une marge a été définie pour ce contrôle. Un stub de marge indique qu'aucune marge n'a été définie pour le bord du contrôle.

• Contrôle de zoom : le contrôle de zoom apparaît dans l'angle supérieur gauche du mode Design et permet au développeur d'effectuer un zoom avant ou arrière sur l'aire de conception afin d'effectuer des réglages précis. Après avoir fait un zoom, vous pouvez également effectuer un panoramique à travers l'aire de conception.

• Lignes d'alignement (SnapLines) : les lignes d'alignement apparaissent à la fois dans le Concepteur WPF et dans le Concepteur Windows Forms, mais, dans le Concepteur WPF, elles affichent également les valeurs exactes. En plus d'afficher l'alignement des contrôles, les lignes d'alignement (SnapLines) indiquent également l'alignement du texte pour les contrôles textuels. Pour plus d'informations, consultez Comment : aligner à la fois sur les lignes de base du texte et les marges.

Tâches du Concepteur Windows Forms et équivalents dans le Concepteur WPF

Le tableau ci-dessous fournit un plan qui permet de comprendre comment réaliser différentes tâches dans le Concepteur WPF.

Tâche dans le Concepteur Windows Forms	Équivalent dans le Concepteur WPF
Disposition absolue	Utilisez la classe Canvas en tant qu'élément racine.
Tri alphabétique dans la fenêtre Propriétés	Dans la fenêtre Propriétés, cliquez sur le bouton Alphabétique. Pour rechercher une propriété, utilisez la zone Rechercher. Vous pouvez parcourir les propriétés à l'aide d'IntelliSense dans la vue XAML ou dans l'éditeur de code. Vous pouvez également utiliser l'Explorateur d'objets.
Ancrage	Utilisez Grid et les fonctions d'ancrage en mode Design pour définir les cibles d'ancrage.
Animation	Utilisez Expression Blend.
Icône d'application	Définissez la propriété Icon de la classe Window principale de l'application.
Assignation de l'ordre de tabulation	Sélectionnez chaque contrôle et définissez la propriété TabIndex correspondante en mode XAML ou dans la fenêtre Propriétés. L'ordre de tabulation par défaut correspond à l'ordre d'affichage des contrôles dans le conteneur parent.
Composants et barre d'état des composants	Les composants non visuels ne s'affichent pas dans la boîte à outils Concepteur WPF. Utilisez le mode XAML et le mappage d'espace de noms pour faire référence aux ressources et aux types non locaux. Pour plus d'informations, consultez Comment : importer un espace de noms en XAML.
Fenêtre Sources de données et liaison de données	Utilisez la fenêtre Sources de données. Pour plus d'informations, consultez Liaison de contrôles WPF avec des données dans Visual Studio. Vous pouvez créer une liaison avec une instance au moment du design de vos données à l'aide de l'extension de balisage DesignInstance. Pour plus d'informations, consultez Procédure pas à pas : utilisation d'un DesignInstance à lier aux données dans le concepteur. Vous pouvez également utiliser Expression Blend pour définir les sources de données et les liaisons de données si vous créez des liaisons vers du code XML ou des objets. Copiez et collez le code XAML généré automatiquement dans le mode XAML du Concepteur WPF. Vous pouvez également ouvrir le projet Visual Studio dans Expression Blend pour créer directement des ressources.
Déclaration et attachement de gestionnaires d'événements	Dans la fenêtre Propriétés, cliquez sur le bouton Événements et double-cliquez sur l'événement désiré. En ce qui concerne le gestionnaire d'événements par défaut, double-cliquez sur le contrôle en mode Design. Vous pouvez également utiliser IntelliSense dans la vue XAML pour sélectionner l'événement souhaité. Pour plus d'informations, consultez Comment : créer un gestionnaire d'événements simple.
Conception de menus	Utilisez le mode XAML ou l'Éditeur de collections dans la fenêtre Propriétés pour la collection Items et définissez la propriété Header de chaque élément.
Définition de pinceaux et de couleurs	Dans la fenêtre Propriétés, accédez par défilement à une propriété de type de pinceau et cliquez sur la flèche bas. Utilisez l'éditeur Pinceau pour concevoir votre pinceau. Pour plus d'informations, consultez Comment : créer un pinceau à l'aide de l'éditeur Pinceau. Vous pouvez utiliser Expression Blend. Copiez et collez le code XAML généré automatiquement dans le mode XAML du Concepteur WPF. Vous pouvez également ouvrir le projet Visual Studio dans Expression Blend pour créer directement des ressources.
Suppression du quadrillage	Cliquez sur un indicateur de quadrillage et faites-le glisser à partir du rail de grille. Pour plus d'informations, consultez Comment : supprimer des lignes et des colonnes d'une grille. Vous pouvez également utiliser la vue XAML pour supprimer les définitions de ligne ou de colonne appropriées, puis corriger les assignations Grid.Column ou Grid.Row des contrôles enfants affectés apparentés à l'intérieur de la Grid.
Affichage d'une image	Utilisez le contrôle Image. Pour plus d'informations, consultez Comment : ajouter des images à un projet WPF.
Affichage d'un contrôle UserControl dans la boîte à outils	Ajoutez une référence de projet à l'assembly du contrôle utilisateur et utilisez IntelliSense en mode XAML pour assigner l'attribut xmlns. Vous pouvez également utiliser la boîte de dialogue Choisir des éléments de boîte à outils et rechercher l'assembly qui contient votre contrôle. Cette procédure présente toutefois des restrictions. Pour plus d'informations, consultez Composants WPF, onglet de la boîte de dialogue Choisir des éléments de boîte à outils.
Distribution de contrôles dans un formulaire	Utilisez l'élément StackPanel.
Ancrage	Utilisez l'élément DockPanel pour plusieurs contrôles. Vous pouvez également utiliser Grid et aligner les contrôles aux limites de cellule de la grille en utilisant des alignements de quadrillage.
Fournisseur d'erreurs	Pas en mode conception. Utilisez la classe Validation dans la vue XAML. Pour plus d'informations, consultez Comment : implémenter la validation de la liaison.
Atteindre la définition	Dans le fichier code-behind, cliquez avec le bouton droit sur le symbole et sélectionnez Atteindre la définition dans le menu contextuel. Pour effectuer la recherche à partir de la vue XAML, ouvrez tous les fichiers XAML du projet et utilisez la fenêtre Rechercher et remplacer. Pour plus d'informations, consultez Rechercher et remplacer, fenêtre.
Fournisseur d'aide	Pas en mode conception. Utilisez le mode XAML.
Hyperlink	Utilisez la classe Hyperlink dans le contenu de flux.
InkCanvas	Pas en mode conception. Utilisez le mode XAML.
Verrouillage	Non pris en charge.
MediaElement	Pas en mode conception. Utilisez le mode XAML.
Mnémoniques	Faites précéder le caractère mnémonique du caractère de soulignement (« _ ») au lieu du caractère « & ».
Liste déroulante de sélection de l'objet dans la fenêtre Propriétés	Sélectionnez l'objet dans la fenêtre Structure du document, dans le navigateur des balises ou en mode Design. Pour accéder à la fenêtre Structure du document, ouvrez le menu Affichage, pointez sur Autres fenêtres, puis cliquez sur Structure du document.
Popup	Pas en mode conception. Utilisez le mode XAML.
Référencement de types non locaux en XAML	Ajoutez une référence de projet et utilisez IntelliSense en mode XAML pour définir l'attribut xmlns. Pour plus d'informations, consultez Comment : importer un espace de noms en XAML. Remarque Le Concepteur WPF tente d'établir des correspondances en fonction de l'alias d'espace de noms situé après l'attribut xmlns, en lieu et place de la syntaxe complète qui utilise clr-namespace.
Attribution d'un nouveau nom et refactorisation	Ouvrez tous les fichiers XAML du projet et utilisez la fenêtre Rechercher et remplacer. Pour plus d'informations, consultez Rechercher et remplacer, fenêtre.
Suppression de marges	En mode Design, sélectionnez tous les éléments dont vous souhaitez supprimer les marges. Dans la fenêtre Propriétés, entrez la valeur 0 pour la propriété Margin.
Redimensionnement d'un formulaire après avoir placé un contrôle	Suivez la procédure suivante si le contenu a été redimensionné suite au redimensionnement de la fenêtre. Sélectionnez tous les éléments, puis coupez-les. Ensuite, redimensionnez la fenêtre, puis collez les éléments.
Définition de texte pour les contrôles Button, Label, CheckBox et RadioButton	Dans la fenêtre Propriétés, sélectionnez la propriété Content. Vous avez également la possibilité de définir le texte en mode XAML.
Balises actives	Non pris en charge.
Info-bulles	Pas en mode conception. Utilisez la classe ToolTip dans la vue XAML.
Viewbox	Pas en mode conception. Utilisez le mode XAML.
Héritage visuel	Non pris en charge.
WindowsFormsHost	Pas en mode conception. Utilisez le mode XAML.
Ordre de plan	Sélectionnez et déplacez la balise d'élément en mode XAML ou sélectionnez Ordre dans le menu contextuel en mode Design. Utilisez la fenêtre Structure du document pour valider l'ordre de plan de l'élément.

Voir aussi

Concepts

Contrôles Windows Forms et contrôles WPF équivalents

Vue d'ensemble des concepteurs WPF et Silverlight

Autres ressources

Mise en route du Concepteur WPF