Partager via

Concepteur WPF pour les développeurs Windows Forms

  • Article

Mise à jour : novembre 2007

Le Concepteur Windows Presentation Foundation (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.

  • 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

Pour rechercher une propriété, utilisez la zone Rechercher de la fenêtre Propriétés.

Pour parcourir les propriétés, utilisez IntelliSense en mode 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

Le Concepteur WPF ne prend pas en charge la fenêtre Sources de données dans cette version. Utilisez le mode XAML pour définir les sources de données et les liaisons de données.

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

En ce qui concerne le gestionnaire d'événements par défaut, double-cliquez sur le contrôle en mode Design. Pour les autres événements, utilisez IntelliSense en mode XAML et sélectionnez l'événement souhaité dans la liste déroulante. 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

Pour les pinceaux complexes, comme les pinceaux dégradés, utilisez 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

Utilisez le mode XAML pour supprimer les définitions de ligne ou de colonne de votre choix, puis corrigez les assignations Grid.Column ou Grid.Row des contrôles enfants concernés qui sont apparentés dans Grid.

Affichage d'une image

Ajoutez l'image au projet et affectez la valeur Ressource à l'action de génération. Placez un contrôle Image sur l'aire de conception et définissez la propriété Source correspondante dans la fenêtre Propriétés. Pour plus d'informations, consultez Comment : assigner une image à un contrôle Image. Vous pouvez également définir l'image source à l'aide de la syntaxe URI à en-tête pack. Pour plus d'informations, consultez URI à en-tête pack dans Windows Presentation Foundation.

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 de moment du design visuel. Utilisez la classe Validation en mode XAML. Pour plus d'informations, consultez Comment : implémenter la validation de la liaison.

Expander

Pas de moment du design visuel. Utilisez le mode XAML.

Frame

Pas de moment du design visuel. Utilisez le mode XAML.

Atteindre la définition

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 de moment du design visuel. Utilisez le mode XAML.

Hyperlink

Utilisez la classe Hyperlink dans le contenu de flux.

InkCanvas

Pas de moment du design visuel. Utilisez le mode XAML.

Verrouillage

Non pris en charge.

MediaElement

Pas de moment du design visuel. 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 de moment du design visuel. 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.

Définition visuelle de propriétés complexes, par exemple de propriétés de police, de ressources, de pinceaux et de couleurs

Utilisez le mode XAML ou Expression Blend.

Balises actives

Non prises en charge.

TabControl

Pas de moment du design visuel. Utilisez le mode XAML.

Info-bulles

Pas de moment du design visuel. Utilisez la classe ToolTip en mode XAML.

Viewbox

Pas de moment du design visuel. Utilisez le mode XAML.

Héritage visuel

Non pris en charge.

WindowsFormsHost

Pas de moment du design visuel. 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

Référence

Référence de l'interface utilisateur pour le concepteur WPF

Autres ressources

Mise en route du concepteur WPF