Visualiser votre conception ou le code qui définit votre conception (Blend pour Visual Studio)

  • Article

Vous pouvez changer de planche graphique pour afficher la conception visuelle de votre document ou le balisage qui décrit votre conception visuelle. Sinon, vous pouvez afficher les deux.

Rapport entre le mode Design et le mode Code

Rapport entre le mode Création et le mode XAML

  • Mode Design JJ155167.32be2832-9f81-4617-97e6-a4a3988a136c(fr-fr,VS.110).png Fait passer la planche graphique en mode Design, le mode de conception visuelle de votre document. Dans ce mode, vous pouvez utiliser les outils du panneau Outils pour dessiner ou modifier des objets sur la planche graphique, afficher les objets qui composent votre création dans le panneau Objets et chronologie ou DOM actif et afficher les Propriétés des objets sélectionnés.

  • Code JJ155167.d62c8271-e5e5-4bfd-8aba-9f6f8f5b7a3d(fr-fr,VS.110).png Fait passer la planche graphique en mode Code. Dans cette vue, vous pouvez modifier le code manuellement. Vous pouvez accéder à une ligne spécifique ou rechercher et remplacer du texte, comme vous pouvez le faire dans n’importe quel éditeur de texte. Cependant, ce mode ne vous permet pas d'utiliser les outils du panneau Outils, ni de visualiser l'arborescence des objets dans le panneau Objets et chronologie ou DOM actif, ni d'utiliser le panneau Propriétés pour modifier les objets. En outre, la plupart des éléments de menu sont désactivés dans ce mode.

  • Mode Fractionné JJ155167.5b79e600-984e-4f44-b8cd-6c1522832ad4(fr-fr,VS.110).png Remplace la planche graphique par une disposition de panneau qui affiche à la fois le mode Design et le mode Code. Dans ce mode, tous les outils et fonctions Blend sont disponibles comme en mode Design et lorsque vous sélectionnez un objet, la ligne de code respective est mise en surbrillance. Vous pouvez affiner la configuration de la disposition du panneau dans ce mode.

Notes

Les fichiers code-behind ne contiennent qu'un seul mode de conception. Pour plus d'informations, consultez Edit in Code view.

Pour modifier le mode de conception du document actif

Effectuez l’une des opérations suivantes :

  • Cliquez sur l’un des onglets dans la zone supérieure droite de la planche graphique : Design, Code ou Fractionné.

  • Appuyez sur F11 pour basculer entre les trois modes.

  • Dans le menu Mode, cliquez sur Mode Document actif, puis sélectionnez l'une des options suivantes : Mode Design, Mode Fractionné ou Mode Code.

Pour modifier le mode de conception par défaut

Vous pouvez définir une option qui définira l'affichage de tous les documents ouverts. Vous pouvez toujours modifier le mode de conception des documents individuels ouverts.

  • Dans le menu Mode, cliquez sur Mode Document actif, puis cliquez sur l'un des modes suivants : Design View JJ155167.32be2832-9f81-4617-97e6-a4a3988a136c(fr-fr,VS.110).png, Mode Code JJ155167.d62c8271-e5e5-4bfd-8aba-9f6f8f5b7a3d(fr-fr,VS.110).png ou Mode Fractionné JJ155167.5b79e600-984e-4f44-b8cd-6c1522832ad4(fr-fr,VS.110).png.

Pour modifier la disposition des panneaux en mode Fractionné

  1. Assurez-vous que le Mode Fractionné JJ155167.5b79e600-984e-4f44-b8cd-6c1522832ad4(fr-fr,VS.110).png est sélectionné.

  2. Dans le menu Mode, cliquez sur Orientation du mode Fractionné, puis sélectionnez l'une des options suivantes : Organiser les volets horizontalement, Organiser les volets verticalement ou Permuter les volets Design et Code.

    Vous pouvez faire glisser la bordure entre deux volets pour les redimensionner.

Voir aussi

Concepts

Libérer de la place pour travailler (Blend pour Visual Studio)

Enregistrement de différentes vues de votre espace de travail (Blend pour Visual Studio)

Conception d'applications dans Blend (XAML)