如何在 vs2012 中更改 XAML 设计器的背景颜色？答案

【问题标题】：How to change background color of XAML designer in vs2012?如何在 vs2012 中更改 XAML 设计器的背景颜色？
【发布时间】：2012-12-25 16:24:13
【问题描述】：

我只是尝试在 Designer 中查看 XAML 代码后的结果。但是，当我在 vs2012 中使用深色主题时，很难识别黑色字母。

我的问题是如何在不修改深色主题的情况下将设计器背景更改为白色。似乎更改了工具中的几个选项？

谢谢

请浏览所有答案。都有不同的方法，可能后面的方法会更好地满足您的需求。

【问题讨论】：

标签： wpf xaml visual-studio-2012 designer

【解决方案1】：

在 VS 2013 中，您可以更改 XAML 设计器背景。前往：

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

在面板顶部的组合框中，选择：

Show settings for: XAML UI Designer

然后设置：

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

【讨论】：

当我这样做时，我得到了一个方格背景。背景或前景的默认值或自动以外的任何内容都会导致检查背景。
如果前景与背景不同，您应该获得方格背景，这是为了区分设计画布和用户控件。如果您愿意，您可以为两者选择白色。你使用默认的 VS 深色主题吗？
在我看来，这应该被标记为正确答案。 :) THX
正确，项目前景使用白色，项目背景使用自定义 RGB(245,245,245)，以准确复制常规灯光主题的配色方案。
对 VS 2019 仍然有效 :)

【解决方案2】：

从 Visual Studio 2017 开始，XAML 设计器有一个“切换画板背景”按钮，该按钮具有将透明从黑色棋盘变为白色棋盘的效果。

这样做的好处是无需修改您的 XAML 文件。

【讨论】：

哇，真是个好消息！！！无法想象此问题在过去 4 年中被查看了 12672 次。
我正在使用 Visual Studio 2017，但由于某种原因找不到此按钮。这是唯一缺少的一个。
这个功能是在最近的 VS 版本中才添加的吗？它工作得如此完美，以至于我很震惊，有人建议它花了几年时间。
为什么不更高？我在阅读本文之前（几乎是偶然地）尝试了上述所有方法。而这正是我所需要的！
我在 VS 2019 中没有这个按钮。只有左右按钮。

【解决方案3】：

不涉及代码的替代方法：

安装“Visual Studio 颜色主题编辑器”扩展
根据您要修改的主题创建一个新的自定义主题。（下面是 2013 年特定的帮助图片）
单击主题编辑器左上角的“显示所有元素”过滤器按钮
在主题编辑器右上角的搜索框中输入“画板”
将“Cider -> ArtboardBackground”颜色设置为您选择的其他颜色。
- VS2013 还引入了第二个值“Cider -> ArtboardSecondaryBackground”以创建有用的棋盘格效果。
耶！ :D

注意：“Cider -> ArtboardBackground”颜色主题字段在VS2012中找到，但我无法确认它在VS2010中是否同名。

编辑：添加到 VS2013 的链接（感谢@treaschf 的注释！）官方扩展，虽然我认为它是“RC”版本。此外，还添加了方便的图片。

【讨论】：

请不要对几个问题发布完全相同的答案。如果相同的答案适用于多个问题，则表明这些问题是重复的。你应该举报（或关闭，如果你有足够的声誉），而不是回答。
显然这个扩展包括“Light With Dark Editor”主题。正是我想要的。还修复了深色设计器背景问题。
请注意，Cider 是 WPF XAML 设计器，XAML UI Designer 是所有其他 xaml 平台的 xaml 设计器。如果您同时使用这两种技术，您可能需要同时更新这两种技术。

【解决方案4】：

我也遇到了同样的问题，并且遇到了一篇非常有用的博客文章，其中详细介绍了如何在 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/

【讨论】：

在App.xaml中使用触发器还是不错的，这里似乎没有其他方法。希望微软可以在下一个版本中修复它。黑暗主题实际上真的很酷。感谢您的分享。
XMLNS xmlns:ComponentModel="clr-namespace:System.ComponentModel;assembly=PresentationFramework"
要使这种样式生效，需要将其包裹在标签<UserControl.Resources> 中，并放在<UserControl> 标签的正下方。
顺便说一句，这个标签只与UserControl相关，因为ResourceDictionary不支持XAML预览。