UWP：MenuItem中的复选框显示为空白

Question

我正在尝试创建一个文件菜单，该菜单在打开时会显示一系列复选框选项。

<controls:MenuItem Header="_Balancing" FontFamily="Microsoft Sans Serif" TabIndex="108">
      <CheckBox x:Name="menuBalancingEnable" IsChecked ="True" Unchecked="menuBalancingEnable_Unchecked"/>
      <CheckBox x:Name="menuBalancingActive" IsChecked="True" IsEnabled="False"/>
      <CheckBox x:Name="menuBalancingPassive" IsEnabled="False"/>
</controls:MenuItem>

但是，当我尝试一下时，最终会出现空白菜单栏。它有3个条目，这是正确的，但没有复选框或文本！我想念什么？

Menu with blank spaces instead of checkboxes

Answer 1

您需要在MenuFlyoutItem中设置CheckBox。请参考以下代码：

<MenuFlyoutItem>
   <MenuFlyoutItem.Template>
     <ControlTemplate TargetType="MenuFlyoutItem">
         <CheckBox x:Name="menuBalancingEnable" Content="Checkbox 1"  IsChecked ="True" />
     </ControlTemplate>
   </MenuFlyoutItem.Template>
</MenuFlyoutItem>

<MenuFlyoutItem>
   <MenuFlyoutItem.Template>
      <ControlTemplate TargetType="MenuFlyoutItem">
         <CheckBox x:Name="menuBalancingActive" Content="Checkbox 2"  IsEnabled="False"/>
      </ControlTemplate>
   </MenuFlyoutItem.Template>
</MenuFlyoutItem>

<MenuFlyoutItem>
  <MenuFlyoutItem.Template>
     <ControlTemplate TargetType="MenuFlyoutItem">
       <CheckBox x:Name="menuBalancingPassive" Content="Checkbox 3"  IsEnabled="False"/>
     </ControlTemplate>
  </MenuFlyoutItem.Template>
</MenuFlyoutItem>