如何将WPF菜单的子菜单弹出框背景或边框设置为透明

问题原因 #

你之前的样式未生效，核心是WPF默认MenuItem模板中，子菜单弹出层的背景、边框都是绑定了模板内部的系统预留资源键，普通的全局Border/StackPanel样式无法覆盖模板内部的显式绑定，你自定义的MenuPopuBrush这类非约定键名也不会被系统控件识别。

解决方案 #

直接在Menu的资源内覆写对应系统资源键，或者重写顶层MenuItem的模板即可实现自定义背景，以下是可直接运行的示例代码：

<Menu Foreground="Black">
    <Menu.Resources>
        <!-- 开启弹出层透明支持，否则透明背景会显示黑色底 -->
        <Style TargetType="Popup">
            <Setter Property="AllowsTransparency" Value="True" />
        </Style>

        <!-- 覆写子菜单背景，要红色就把Color改为Red，要透明改为Transparent -->
        <SolidColorBrush x:Key="{x:Static SystemColors.MenuBrushKey}" Color="Red" />
        <!-- 覆写子菜单边框颜色，避免残留默认灰色边框 -->
        <SolidColorBrush x:Key="{x:Static SystemColors.ControlDarkBrushKey}" Color="Transparent" />
    </Menu.Resources>

    <MenuItem Header="Item 1">
        <MenuItem Header="Sub 1a" />
        <MenuItem Header="Sub 1b" />
    </MenuItem>
</Menu>

如果需要更彻底的自定义，可以直接重写顶层MenuItem的子菜单容器模板：

<Menu.Resources>
    <Style TargetType="Popup">
        <Setter Property="AllowsTransparency" Value="True" />
    </Style>
    <!-- 顶层MenuItem样式 -->
    <Style TargetType="MenuItem" x:Key="TopMenuStyle">
        <Setter Property="ItemsPanel">
            <Setter.Value>
                <ItemsPanelTemplate>
                    <!-- 直接自定义子菜单容器的背景 -->
                    <StackPanel Background="Transparent" Margin="0" />
                </ItemsPanelTemplate>
            </Setter.Value>
        </Setter>
    </Style>
</Menu.Resources>

<MenuItem Header="Item 1" Style="{StaticResource TopMenuStyle}">
    <MenuItem Header="Sub 1a" />
    <MenuItem Header="Sub 1b" />
</MenuItem>

注意事项 #

不要给父级Menu设置Foreground="Transparent"，否则子菜单的文字也会变成透明不可见。

内容的提问来源于stack exchange，提问作者ΩmegaMan