Partager via

Configurer les options du concepteur XAML dans Visual Studio

Le Concepteur XAML dans Visual Studio vous permet de modifier visuellement des documents XAML pour les projets WPF et UWP. En activant et en personnalisant les options du Concepteur, vous pouvez simplifier votre flux de travail et adapter l’expérience d’édition à vos besoins. Cet article vous guide tout au long de l’activation du Concepteur et de la configuration de ses options clés.

Prerequisites

  • Visual Studio installé
  • Un projet XAML (tel que WPF ou UWP)

Activer le concepteur XAML

Activez le Concepteur XAML pour accéder aux fonctionnalités d’édition visuelle et à IntelliSense avancé pour les documents XAML.

  1. Démarrez Visual Studio, puis sélectionnez Options d’outils > dans le menu principal.

  1. Dans le volet Options, développez la section Tous les paramètres>Concepteur XAML>Général.

  2. Cochez la case Activer le Concepteur XAML .

  3. Redémarrez Visual Studio pour que vos modifications prennent effet.

  1. Dans la boîte de dialogue Options, développez la section Concepteur XAML>Général.

  1. Cochez la case Activer le Concepteur XAML , puis sélectionnez OK.

  2. Redémarrez Visual Studio pour que vos modifications prennent effet.

Définir la vue de document par défaut

Choisissez l’affichage des documents XAML lors de l’ouverture, y compris le code source XAML, la vue de conception visuelle du code, ou les deux.

  1. Ouvrez le volet OutilsOptions et développez la section Tous les paramètresConcepteur XAMLGénéral.
  1. Ouvrez la boîte de dialogueOptions> et développez la sectionGénéral> XAML.

  1. Utilisez la liste déroulante et définissez la valeur du paramètre d’affichage de document par défaut :

    • Vue source : afficher uniquement le code source XAML.
    • Mode Création : afficher uniquement l'éditeur visuel.
    • Mode Fractionné : afficher le concepteur visuel et le code source côte à côte.
  1. Cliquez sur OK.

Modifier l’orientation de bifurcation

Ajustez la disposition de l’affichage fractionné en fonction de votre flux de travail.

  1. Ouvrez le volet OutilsOptions et développez la section Tous les paramètresConcepteur XAMLGénéral.
  1. Ouvrez la boîte de dialogueOptions> et développez la sectionGénéral> XAML.

  1. Utilisez la liste déroulante et définissez la valeur du paramètre d’orientation Split :

    • Vertical : affichez le code source dans le volet gauche et le concepteur visuel dans le volet droit.
    • Horizontal : affichez le concepteur visuel dans le volet supérieur et le code source dans le volet inférieur.
    • Valeur par défaut : utilisez l’orientation recommandée par la plateforme.
  1. Cliquez sur OK.

Configurer le comportement de zoom

Définissez la façon dont vous zoomez dans le Concepteur XAML pour faciliter la navigation.

  1. Ouvrez le volet OutilsOptions et développez la section Tous les paramètresConcepteur XAMLGénéral.
  1. Ouvrez la boîte de dialogueOptions> et développez la sectionGénéral> XAML.

  1. Utilisez la liste déroulante et définissez la valeur du zoom à l’aide du paramètre :

    • Roulette de la souris
    • Ctrl + roulette de la souris
    • Alt + roulette de la souris
  1. Cliquez sur OK.

Pour plus d’informations sur la réinitialisation des paramètres Visual Studio, consultez Réinitialiser les paramètres.

Paramètre de zoom par défaut

Utilisez ce paramètre pour déterminer la valeur de zoom par défaut pour afficher le document XAML.

  1. Ouvrez le volet OutilsOptions et développez la section Tous les paramètresConcepteur XAMLGénéral.
  1. Ouvrez la boîte de dialogueOptions> et développez la sectionGénéral> XAML.

  1. Utilisez la liste déroulante et définissez la valeur de l’option de paramètre de zoom par défaut :

    • Dernier utilisé : utilisez la dernière valeur de zoom utilisée pour tous les documents XAML par défaut. Lorsqu’un document XAML est ouvert pour la première fois, le paramètre « Ajuster tout » est utilisé pour la première fois uniquement.
    • Ajuster tout : utilisez cette option pour définir la valeur de zoom sur « Ajuster tout » pour le concepteur XAML. Lorsqu’un document XAML est fermé et rouvert, la dernière valeur définie persiste pour cette session, mais pour différentes sessions, « Ajuster tout » est utilisée par défaut.
  1. Cliquez sur OK.

Paramètres de l’éditeur

Ces paramètres déterminent le comportement du concepteur visuel lorsque vous modifiez un document XAML.

Nom Descriptif
Nommer automatiquement des éléments interactifs lors de la création Spécifie si un nom par défaut est fourni pour un nouvel élément interactif lorsque vous en ajoutez un au concepteur.
Insérer automatiquement des propriétés de disposition lors de la création d’un élément Spécifie si les propriétés de disposition sont fournies pour un nouvel élément lorsque vous en ajoutez un au concepteur. Les propriétés de disposition sont celles qui affectent la disposition d’un contrôle, par exemple Margin et VerticalAlignment. Le code XAML suivant montre comment un bouton est créé avec et sans cette option sélectionnée :
<Button Content="Button" HorizontalAlignment="Left" Margin="245,56,0,0" Grid.Row="1" VerticalAlignment="Top" Width="75"/>
<Button Content="Button" Grid.Row="1"/>
Utiliser une disposition basée sur un quadrant Spécifie si le contrôle actuellement sélectionné s’aligne sur les bords les plus proches du conteneur parent. Si cette case à cocher est désactivée, les alignements de contrôle ne changent pas lors d’une opération de déplacement ou de création.
Remplir automatiquement les éléments de boîte à outils Spécifie si les contrôles utilisateur et les contrôles personnalisés dans la solution actuelle sont affichés automatiquement dans la boîte à outils.
Ajouter automatiquement des exemples de données lors de la création d’éléments Spécifie s’il faut ajouter automatiquement des exemples de données pour le nouvel élément interactif lorsque vous en ajoutez un au concepteur.
Activer les actions rapides du concepteur Vous permet d’utiliser des actions rapides au clavier pour accéder aux fonctionnalités de la boîte à outils.

Paramètres (Blend uniquement)

Utilisez ces options pour accéder aux paramètres uniques lorsque vous modifiez des fichiers XAML à l’aide de Blend.

Dans Blend, ouvrez le voletOptions> et développez la section Général duconcepteur>XAML>.

Dans Blend, ouvrez la boîte de dialogueOptions> et développez la sectionGénéral> XAML.

Il existe une propriété spécifique à Blend :

  • Unités de type : spécifie si les mesures du concepteur sont basées sur des points ou des pixels. Étant donné que les applications Windows universelles ne prennent pas en charge les points, les unités sont automatiquement converties en pixels lorsque vous sélectionnez Points.

Artboard (Blend uniquement)

Utilisez ces paramètres pour déterminer le comportement du Concepteur XAML lorsque vous modifiez des documents XAML dans Blend.

Dans Blend, ouvrez le volet Outils>Options et développez la section Tous les paramètres>Concepteur XAML>Artboard.

Dans Blend, ouvrez la boîte de dialogueOptions> et développez la sectionArtboard> XAML.

Les sections suivantes décrivent les propriétés de tableau d’art disponibles.

Alignement automatique

Nom Descriptif
Afficher la grille de capture Spécifiez si les lignes de grille apparaissent dans le concepteur pour vous aider à aligner les contrôles. Les contrôles ajoutés à l’interface du concepteur s’alignent sur ces lignes de quadrillage lorsque l’option Aligner sur les lignes de quadrillage est sélectionnée.
Aligner sur le quadrillage Lorsque des contrôles sont ajoutés ou déplacés autour du concepteur d'interface, ils s’alignent sur le quadrillage.
Espacement du quadrillage Spécifie l’espacement entre les quadrillages en pixels ou points (tel que déterminé par le paramètre Unités de type ).
Aligner sur les lignes de repérage Spécifie si les contrôles s’alignent sur des lignes d’alignement.
Marge par défaut Lorsque l’alignement sur des lignes d’alignement est activé, spécifie l’espacement entre le contrôle et les lignes d’alignement en pixels ou en points (comme déterminé par le paramètre Unités de type ).
Remplissage par défaut Lorsque Snap to snaplines est activé, cela spécifie l'espacement supplémentaire entre l'élément de contrôle et les lignes d'alignement, en pixels ou en points (tel que déterminé par le paramètre Type units).

Animation

Utilisez le paramètre Animation pour déterminer si un avertissement s’affiche lorsque les animations dépendantes (non accélérées) sont activées dans Blend.

Effets

Utilisez les paramètres Effets pour déterminer si les effets sont affichés lors de la modification de fichiers XAML dans le Concepteur XAML lorsque vous travaillez dans Blend.

Nom Descriptif
Effets de rendu Spécifie si les effets s’affichent lors de la modification de fichiers XAML dans le Concepteur XAML à l’aide de Blend.
Seuil de zoom Spécifie le pourcentage de zoom dans lequel les effets s’affichent lorsque la case à cocher Effets de rendu est cochée. Si vous effectuez un zoom au-delà de ce paramètre, les effets ne s’affichent plus dans le Concepteur XAML.

Voir aussi

  • Last updated on