Korzystanie z DataTemplate dla MenuItem powoduje pojawienie się dodatkowego miejsca po lewej stronie?

Question

Ilekroć dołączam DataTemplate do MenuItem, każdy wygenerowany element menu otrzymuje dodatkowe miejsce po lewej stronie. Ta dodatkowa przestrzeń wygląda tak szeroko, jak miejsce zarezerwowane na czek, którego używam. Ręczne tworzenie menu bez DataTemplate nie dodaje tej dodatkowej przestrzeni. Jako dodatkowa zmarszczka, jeśli kliknę tę dodatkową przestrzeń, element menu zniknie, ale nie wygeneruje żadnego zdarzenia kliknięcia. Nie wiem, dlaczego dodaje tę dodatkową przestrzeń. Jakieś pomysły?

mój kod XAML nie może być bardziej prostsze:

Menu z opisanych dodatkowych pomieszczeń:

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

Menu bez spacji:

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

Answer 1

To dlatego, że drzewo wizualnych produkowanych Twój DataTemplate będzie zawijany w pojemniku - w tym przypadku MenuItem. Dlatego masz MenuItem w obrębie MenuItem, co wyjaśnia dodatkową przestrzeń i brak interaktywności. Nie ma potrzeby dołączania MenuItem do swojego urządzenia ItemTemplate.

Twój Przykładem może być zamiast zapisać jako:

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

A może bardziej zwięźle:

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