如何更改组合框下拉背景？

Question

我想修改一个 UWP 项目中的 ComboBox。我想更改包含ComboBoxItems 的StackPanel(?) 的背景颜色，但我还没有找到一种简单的方法来做到这一点。

在这里，我想改变浅灰色填充的颜色。

ComboBoxItems 周围的颜色应该匹配，但突出显示的是默认灰色。

这是一个示例，其中 MSN Money 的 ComboBox 具有自定义填充颜色以匹配 ComboBoxItems。这是我希望实现的目标。

我使用“填充”这个词，但它实际上只是包含ComboBoxItems 的元素的颜色。

据我了解，我必须修改 Windows 10 SDK 中提供的 generics.xaml 文件，但这会修改​​我正在使用的所有 ComboBoxes。我可以创建一个继承自ComboBox 的自定义控件，但是当我想更改此颜色时，这是否需要我编写一个新控件？必须有一种更简单的方法来改变这一点。

@Bart 这是我在 ComboBox 中的 Popup 模板中找到的代码。我不确定您的解释中“SystemControlBackgroundChromeMediumLowBrush”的出处。

<Popup x:Name="Popup">
    <Border x:Name="PopupBorder"
        Background="{ThemeResource ComboBoxDropDownBackground}"
        BorderBrush="{ThemeResource ComboBoxDropDownBorderBrush}"
        BorderThickness="{ThemeResource ComboBoxDropdownBorderThickness}"

Answer 1

您不应该触摸 SDK 文件夹中的 generics.xaml 文件，这是一个“系统文件”。这就像更改 Windows 安装中的某个文件以更改图标资源管理器（并且可能导致其他应用程序也更改此设置）。

有多种解决方案：

• Edit the control's template 在您自己的应用程序中（使用 Visual Studio、Blend 或简单地复制 default template。如果您让它未命名（通过设置 x:Key 命名模板），它将应用于您的所有 ComboBoxes。如果你只想要一些改变，你应该给它一个密钥并将其用作StaticResource。

您要查找的代码是模板中的 Popup 控件。

<Popup x:Name="Popup">
    <Border
        x:Name="PopupBorder"
        Background="{ThemeResource SystemControlBackgroundChromeMediumLowBrush}"
        BorderBrush="{ThemeResource SystemControlForegroundChromeHighBrush}"
        BorderThickness="{ThemeResource ComboBoxDropdownBorderThickness}"
        Margin="0,-1,0,-1"
        HorizontalAlignment="Stretch">

• 覆盖ThemeResource 以赋予它另一种颜色。请注意，这将对您应用中使用相同 ThemeResource 的其他控件产生影响。但这仍然比更改 generics.xaml 好很多，并且比重新定义模板的工作量更少。

这是通过重新定义资源键来完成的。

<Application.Resources>
    <ResourceDictionary>
        <ResourceDictionary.ThemeDictionaries>
            <ResourceDictionary x:Key="Dark">
                <SolidColorBrush x:Key="SystemControlBackgroundChromeMediumLowBrush" Color="DarkGray" />
            </ResourceDictionary>
        </ResourceDictionary.ThemeDictionaries>
    </ResourceDictionary>
</Application.Resources>