Le texte de l'en-tête WPF MenuItem est partiellement masqué

Question

J'ai modélisé la façon dont les éléments s'affichent dans un menu, mais, pour une raison inconnue, j'ai du mal à afficher le texte dans le MenuItem. Voici une capture d'écran du problème: alt text http://img203.imageshack.us/img203/4513/capturexz.png

est ici le code de balisage je à le modèle il:

<ItemsPanelTemplate x:Key="SideBarItemsPanelTemplate"> 
    <StackPanel Orientation="Vertical"/> 
</ItemsPanelTemplate> 
<DataTemplate x:Key="SideBarItemTemplate"> 
    <MenuItem Command="{Binding}" Header="{Binding Text}" Background="AliceBlue"> 
     <MenuItem.Icon> 
      <Image Width="16" Height="16" Source="{Binding Image}"/> 
     </MenuItem.Icon> 
    </MenuItem> 
</DataTemplate> 
<Style x:Key="SideBarStyle" TargetType="{x:Type Menu}"> 
    <Setter Property="ItemTemplate" Value="{StaticResource SideBarItemTemplate}"/> 
    <Setter Property="ItemsPanel" Value="{StaticResource SideBarItemsPanelTemplate}"/> 
    <Setter Property="Background" Value="White"/> 
</Style> 

Et pour l'afficher:

<Menu ItemsSource="{Binding Commands}" Style="{StaticResource SideBarStyle}"/> 

Je cherchai beaucoup, mais rien n'a aidé à résoudre ce problème. J'espère que je trouverai de l'aide ici.

Merci.

Answer 1

Vous obtenez un comportement étrange parce que vous avez un MenuItem dans un MenuItem. En définissant le ItemTemplate sur le Menu, vous définissez le HeaderTemplate sur chaque MenuItem. Le MenuItem rendra son modèle normal, et où le texte d'en-tête serait normalement placé il aura un autre MenuItem entier. Je pense que l'espace que vous voyez est l'espace réservé à l'InputGestureText dans le MenuItem externe.

Au lieu de cela, vous souhaitez définir un ItemContainerStyle. Cela vous permettra de définir les propriétés sur les MenuItems créés par le Menu. Il y a une astuce que vous devez utiliser pour pouvoir créer un objet Image distinct pour chaque MenuItem. Par défaut, les objets inclus dans un style seront partagés et vous obtiendrez un objet Image partagé par chaque MenuIte, mais si vous les placez dans un dictionnaire de ressources distinct, vous pouvez les marquer comme non partagés. Voir this issue on Connect et linked workaround.

Quelque chose comme ceci:

<Style x:Key="SideBarStyle" TargetType="{x:Type Menu}"> 
    <Setter Property="ItemsPanel" Value="{StaticResource SideBarItemsPanelTemplate}"/> 
    <Setter Property="Background" Value="White"/> 
    <Setter Property="ItemContainerStyle"> 
     <Setter.Value> 
      <Style TargetType="MenuItem"> 
       <Style.Resources> 
        <ResourceDictionary Source="Icon.xaml"/> 
       </Style.Resources> 
       <Setter Property="Command" Value="{Binding}"/> 
       <Setter Property="Header" Value="{Binding Text}"/> 
       <Setter Property="Background" Value="AliceBlue"/> 
       <Setter Property="Icon" Value="{StaticResource Icon}"/> 
      </Style> 
     </Setter.Value> 
    </Setter> 
</Style> 

Où Icon.xaml contient:

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"> 
    <Image x:Key="Icon" x:Shared="False" Width="16" Height="16" Source="{Binding Image}"/> 
</ResourceDictionary>