Affichage fractionné : afficher à la fois l'aire de conception WPF et XAML

Le Concepteur WPF pour Visual Studio prend en charge un mode appelé mode fractionné. Ce mode vous permet d'afficher simultanément le balisage XAML et le concepteur visuel. Les modifications effectuées dans le concepteur visuel sont répercutées immédiatement dans le balisage XAML et vice versa. Cette rubrique décrit certaines des manières dont vous pouvez utiliser et configurer le mode Fractionné.

Mode Fractionné

Le mode Fractionné se compose de deux volets séparés par une barre. Un volet contient le mode Design de la fenêtre ou du contrôle utilisateur actif. Ce volet prend en charge le style glisser-déplacer de développement d'application qui est familier aux programmeurs Windows Forms. Le second volet contient le mode XAML de la fenêtre ou du contrôle utilisateur actif. Ce balisage XAML est entièrement modifiable et prend en charge IntelliSense. Vous pouvez modifier directement des éléments XAML, ajouter des attributs ou ajouter de nouveaux éléments en tapant le balisage approprié dans ce volet.

Les deux volets du mode Fractionné sont synchronisés afin que les modifications effectuées dans un volet soient répercutées dans l'autre volet. Par exemple, si vous faites glisser un contrôle à partir de la Boîte à outils vers le mode Design, le mode XAML est mis à jour immédiatement pour refléter le nouvel élément. De même, si un nouvel élément est ajouté en tapant le balisage en mode XAML, la représentation visuelle apparaîtra immédiatement en mode Design, une fois que le XAML sera correct.

Configuration du mode Fractionné

Le mode Fractionné peut être configuré pour satisfaire votre style et vos goûts personnels en matière de programmation. La barre qui sépare les deux volets peut être repositionnée à l'aide de la souris pour modifier la taille relative des deux volets. La barre contient quelques icônes qui vous permettent de modifier l'apparence du mode Fractionné. Cliquer sur l'icône de permutation des volets entre les onglets Design et XAML permute l'emplacement des volets. Les trois icônes groupées sur la barre vous permettent de basculer entre l'affichage vertical, dans lequel les volets sont affichés côte à côte, et l'affichage horizontal, dans lequel les volets sont empilés, ainsi que de réduire ou de développer le volet inférieur. Lorsqu'un volet est réduit, vous pouvez basculer entre le mode Design et le mode XAML en cliquant sur l'onglet approprié de la barre. Double-cliquer sur la barre a le même effet que cliquer sur l'icône réduire/développer. Double-cliquer sur les onglets permet d'afficher complètement le volet. La disposition des volets est enregistrée avec chaque document dans le projet.

Voir aussi

Concepts

Navigation dans la hiérarchie des éléments d'un document WPF

Autres ressources

XAML et code dans le Concepteur WPF

Utilisation des ressources