對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>