web-dev-qa-db-fra.com

Comment changer la couleur d'arrière-plan du concepteur XAML dans vs2012?

J'essaie juste d'afficher le résultat après le code XAML dans Designer. Cependant, il est difficile de reconnaître les lettres noires lorsque j'utilise un thème sombre dans vs2012.

Ma question est de savoir comment changer l'arrière-plan du concepteur en couleur blanche sans modifier le thème sombre. Semble changer plusieurs options dans les outils?

Merci


Veuillez parcourir toutes les réponses. Tous ont des approches différentes et il se peut que les dernières correspondent mieux à vos besoins.

54
Ted Corleone

Dans VS 2013, vous pouvez modifier l'arrière-plan du concepteur XAML. Aller à:

Tools -> Options -> Environment -> Fonts and Colors

Dans la zone de liste déroulante en haut du panneau, sélectionnez:

Show settings for: XAML UI Designer

Réglez ensuite:

Item foreground : white
Item background : white or very light grey (custom)
90

Approche alternative qui n'implique pas de code:

  1. Installez l'extension " Visual Studio Color Theme Editor "

  2. Créez un nouveau thème personnalisé basé sur celui que vous souhaitez modifier. (Image d'aide spécifique à 2013 ci-dessous) 2013 Copy Theme Icon

  3. Cliquez sur le bouton de filtre "Afficher tous les éléments" dans le coin supérieur gauche de l'éditeur de thème Show All Elements button

  4. Tapez "artboard" dans la boîte de recherche en haut à droite de l'éditeur de thème Search Box

  5. Définissez le "Cider -> ArtboardBackground "couleur à une couleur différente de votre choix.

    • VS2013 introduit également une deuxième valeur "Cider -> ArtboardSecondaryBackground "pour créer un effet de damier utile.
  6. Yay! :RÉ

Remarque: Le "Cider -> ArtboardBackground "le champ de thème de couleur se trouve dans VS2012 mais je ne peux pas confirmer s'il porte le même nom dans VS2010.

Modifications: Ajout d'un lien vers VS2013 (merci @treaschf pour la note!) Extension officielle, bien que je pense que son une version "RC". Ajout de photos pratiques.

33
MechEthan

J'ai eu le même problème et j'ai trouvé un article de blog très utile qui détaille comment utiliser un déclencheur pour un style dans App.xaml

<Style TargetType="{x:Type UserControl}">
    <Style.Triggers>
        <Trigger Property="ComponentModel:DesignerProperties.IsInDesignMode"
                 Value="true">
            <Setter Property="Background"
                    Value="White" />
        </Trigger>
    </Style.Triggers>
</Style>

http://caraulean.com/2012/visual-studio-2012-dark-theme-tip/

27
Antony Scott

Depuis Visual Studio 2017, le concepteur XAML dispose d'un bouton "Basculer l'arrière-plan du plan de travail", ce qui a pour effet de changer le transparent d'un damier noir en un damier blanc.

L'avantage de ceci est qu'il n'est pas nécessaire de modifier vos fichiers XAML.

Image showing where the Toggle artboard background is in Visual Studio 2017 XAML designer

23
Schneider