UWP中MenuBar的Foreground等属性设置无效（XML）如何解决？

我之前也碰到过这个情况！WinUI 3里的MenuBar确实有点特殊——你能直接改它的Background是因为这个属性直接作用在控件的根容器上，但Foreground、字体相关的属性（FontFamily/FontSize/FontWeight）并不会自动传递给它内部的MenuBarItem以及弹出菜单里的MenuFlyoutItem，这些子控件的样式是独立的，所以你直接在MenuBar的样式里设置这些属性自然没效果。

问题原因拆解 #

WinUI 3的MenuBar默认模板中，内部的菜单标题（MenuBarItem）和弹出菜单项（MenuFlyoutItem）并没有绑定到MenuBar本身的Foreground或字体属性，它们有自己的默认样式逻辑，所以你在MenuBar层级设置的这些值根本没被用到。

解决方案：针对子控件设置样式 #

有两种常用的解决方式，你可以根据需求选：

方式1：单独定义子控件的样式并关联到MenuBar

在你的App.xaml资源里，新增针对MenuBarItem和MenuFlyoutItem的样式，然后让MenuBar使用这些样式：

<!-- 先定义MenuBarItem的自定义样式 -->
<Style x:Key="CustomMenuBarItemStyle" TargetType="muxc:MenuBarItem">
    <Setter Property="Foreground" Value="{StaticResource ForegroundTextBrush_ColourBrush}"/>
    <Setter Property="FontFamily" Value="Calibri"/>
    <Setter Property="FontSize" Value="18"/>
    <Setter Property="FontWeight" Value="Bold"/>
</Style>

<!-- 再定义弹出菜单里的MenuFlyoutItem样式 -->
<Style x:Key="CustomMenuFlyoutItemStyle" TargetType="MenuFlyoutItem">
    <Setter Property="Foreground" Value="{StaticResource ForegroundTextBrush_ColourBrush}"/>
    <Setter Property="FontFamily" Value="Calibri"/>
    <Setter Property="FontSize" Value="18"/>
    <Setter Property="FontWeight" Value="Bold"/>
</Style>

<!-- 修改原有的MenuBar样式，关联子控件样式 -->
<Style x:Key="MainMenu_MenuBar_Style" TargetType="muxc:MenuBar">
    <Setter Property="Background" Value="{StaticResource BackgroundSearchBox_ColourBrush}"/>
    <!-- 让MenuBar的所有子项使用自定义的MenuBarItem样式 -->
    <Setter Property="ItemContainerStyle" Value="{StaticResource CustomMenuBarItemStyle}"/>
</Style>

如果想让所有弹出菜单都用这个样式，不用每个MenuBarItem单独设置，可以加个全局样式：

<!-- 全局生效的MenuFlyoutItem样式，所有MenuFlyout的项都会继承这个样式 -->
<Style TargetType="MenuFlyoutItem" BasedOn="{StaticResource CustomMenuFlyoutItemStyle}"/>

方式2：修改MenuBar的ControlTemplate（更灵活但繁琐）

如果你需要更深度的自定义，可以提取MenuBar的默认模板，修改内部文本元素的绑定，让它们关联到MenuBar的Foreground、字体属性。不过这种方式需要复制完整的默认模板代码，相对麻烦，一般推荐方式1就够了。

验证效果 #

修改完后，你的MenuBar标题和弹出菜单的文字就会应用你设置的前景色、字体样式了，和你设置Background的效果一致。

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