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

Ted*_*one 55 wpf xaml designer visual-studio-2012

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

我的问题是如何在不修改黑暗主题的情况下将设计师背景更改为白色.似乎改变了工具中的几个选项?

谢谢

Vis*_*sso 91

在VS 2013中,您可以更改XAML设计器背景.去:

Tools -> Options -> Environment -> Fonts and Colors
Run Code Online (Sandbox Code Playgroud)

在面板顶部的组合框中,选择:

Show settings for: XAML UI Designer
Run Code Online (Sandbox Code Playgroud)

然后设置:

Item foreground : white
Item background : white or very light grey (custom)
Run Code Online (Sandbox Code Playgroud)

  • 如果前景与背景不同,你应该得到方格背景,这是为了区分设计画布和用户控件.如果您愿意,可以选择白色.你使用默认的VS黑暗主题吗? (7认同)
  • 在我看来,这应该被标记为正确的答案.:) 谢谢 (3认同)
  • 正确,使用白色作为项目前景,使用自定义RGB(245,245,245)作为项目背景,以精确复制常规灯光主题的颜色方案. (3认同)

Mec*_*han 33

不涉及代码的替代方法:

  1. 安装" Visual Studio颜色主题编辑器 "扩展

  2. 根据要修改的主题创建新的自定义主题.(2013年特定帮助图片如下) 2013年复制主题图标

  3. 单击主题编辑器左上角的"显示所有元素"过滤器按钮 显示所有元素按钮

  4. 在主题编辑器右上角的搜索框中键入"artboard" 搜索框

  5. 将" Cider -> ArtboardBackground"颜色设置为您选择的其他颜色.

    • VS2013还引入了第二个值" Cider -> ArtboardSecondaryBackground"来创建有用的棋盘格效果.
  6. 好极了!:d

注意: "Cider -> ArtboardBackground"颜色主题字段位于VS2012中,但我无法确认它是否在VS2010中具有相同的名称.

编辑:添加了VS2013的链接(谢谢@treaschf的注释!)官方扩展,虽然我认为它是一个"RC"版本.此外,添加了方便的图片.

  • 请注意,`Cider`是WPF XAML Designer,而`XAML UI Designer`是所有其他xaml平台的xaml设计器.如果同时使用这两种技术,则可能需要更新两者. (2认同)

Ant*_*ott 27

我遇到了同样的问题并且遇到了一个非常有用的博客文章,其中详细说明了如何在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>
Run Code Online (Sandbox Code Playgroud)

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

  • XMLNS xmlns:ComponentModel ="clr-namespace:System.ComponentModel; assembly = PresentationFramework" (6认同)

Jac*_*eja 23

从Visual Studio 2017开始,XAML设计师有一个"Toggle画板背景"按钮,它具有将透明从黑色棋盘更改为白色棋盘的效果.

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

该图显示了Toggle画板背景在Visual Studio 2017 XAML设计器中的位置

  • 我正在使用Visual Studio 2017但由于某种原因无法找到此按钮.这是唯一失踪的人. (3认同)