对MenuItem使用DataTemplate会导致左侧出现额外空间？

Question

每当我将一个DataTemplate附加到一个MenuItem时，每个生成的菜单项都会在左侧获得一个额外的空间。这额外的空间看起来像我使用的支票预留的空间一样宽。无需Dat​​aTemplate手动构建菜单不会添加此额外空间。作为一个额外的皱纹，如果我点击这个额外的空间，菜单项会消失，但不会产生点击事件。我不知道为什么它增加了这个额外的空间。有任何想法吗？

我的XAML代码得不能再简单：

菜单与描述多余的空格：

<Menu> 
    <MenuItem Header="Enemies" ItemsSource="{Binding AvailableEnemyClasses}"> 
     <MenuItem.ItemTemplate> 
      <DataTemplate> 
       <MenuItem Header="{Binding}"> 
       </MenuItem> 
      </DataTemplate> 
     </MenuItem.ItemTemplate> 
    </MenuItem> 
</Menu> 

菜单没有多余的空格：

<Menu> 
    <MenuItem Header="Utilities" > 
     <MenuItem Header="Enemy01"/> 
     <MenuItem Header="Enemy02"/> 
     <MenuItem Header="Enemy03"/> 
    </MenuItem> 
</Menu> 

Answer 1

这是因为可视化树生产通过您的DataTemplate将被包裹在一个容器中 - 在这种情况下，MenuItem。因此，您实际上在MenuItem之内有MenuItem，这解释了额外的空间和缺乏交互性。没有必要在您的ItemTemplate中包含MenuItem。

你举的例子可能反而被写为：

<Menu> 
    <MenuItem Header="Enemies" ItemsSource="{Binding AvailableEnemyClasses}"> 
     <MenuItem.ItemTemplate> 
      <DataTemplate> 
       <TextBlock Text="{Binding}"/> 
      </DataTemplate> 
     </MenuItem.ItemTemplate> 
    </MenuItem> 
</Menu> 

或者，也许更简洁：

<Menu> 
    <MenuItem Header="Enemies" ItemsSource="{Binding AvailableEnemyClasses}"> 
     <MenuItem.ItemContainerStyle> 
      <Style TargetType="MenuItem"> 
       <Setter Property="Header" Value="{Binding}"/> 
       <Setter Property="IsChecked"> 
        <Setter.Value> 
         <MultiBinding Converter="{StaticResource YourConverter}"> 
          <Binding .../> 
          <Binding .../> 
         </MultiBinding> 
        </Setter.Value> 
       </Setter> 
      </Style> 
     </MenuItem.ItemContainerStyle> 
    </MenuItem> 
</Menu>