No se puede establecer icono para el elemento de menú con ItemContainerStyle

Question

Estoy tratando de establecer el icono de mi elemento de menú como este -

<Grid> 
    <Grid.Resources> 
     <Image 
       x:Key="ReportIconImage" Height="20" Width="20" 
       Source="/Resource/flag.png"/> 
     <Image 
       x:Key="ReportIconImage1" Height="20" Width="20" 
       Source="/Resource/flag.png"/> 
    </Grid.Resources> 
    <Menu Height="22" Margin="0,9,0,0" Name="menu1" VerticalAlignment="Top"> 
     <MenuItem Header="Menu"> 
      <MenuItem Header="Save" ></MenuItem> 
      <MenuItem Header="Open"/> 
      <MenuItem Header="Exit"/> 
      <MenuItem.ItemContainerStyle> 
       <Style TargetType="{x:Type MenuItem}"> 
        <Setter 
         Property="Icon" 
         Value="{StaticResource ReportIconImage}"> 
        </Setter> 
       </Style> 
      </MenuItem.ItemContainerStyle> 
     </MenuItem> 
     <MenuItem Header="Edit"> 
      <MenuItem Header="Undo"/>     
      <MenuItem Header="Redo"/>      
      <Separator/> 
      <MenuItem Header="Cut"/>      
      <MenuItem Header="Copy"/>      
      <MenuItem Header="Paste"/> 
      <MenuItem.ItemContainerStyle> 
       <Style TargetType="{x:Type MenuItem}"> 
        <Setter 
         Property="Icon" 
         Value="{StaticResource ReportIconImage1}"> 
       </Setter> 
       </Style> 
      </MenuItem.ItemContainerStyle> 
     </MenuItem> 
    </Menu> 
</Grid> 

pero se muestra el icono por sólo último elemento del menú y no para dos primeros.

aplicación de la muestra - http://weblogs.asp.net/blogs/akjoshi/Samples/WPFMenuItemBugSample.zip

¿Puede cualquier persona proporcionar la razón de este comportamiento y posibles soluciones/soluciones.

Answer 1

Es porque usted ha utilizado un Image en sus recursos. Un Image es un control y, como cualquier otro control, solo puede tener un padre. Por defecto, WPF intentará compartir recursos entre todos los consumidores. Por lo tanto, los últimos MenuItem "gana" derechos de custodia a la Image y los otros MenuItem 's no se les permite visitas de fin de semana.

Para rectificar esto, se podía o bien establecer el Image ser no compartida:

<Image x:Shared="False" .../> 

O, mejor aún, manifestar su recurso de imagen como el ImageSource subclase apropiada y la cuota que en lugar:

<BitmapImage x:Key="ReportIconImage" Uri="/Resource/flag.png"/> 
... 
<Setter Property="Icon"> 
    <Setter.Value> 
     <Image Source="{StaticResource ReportIconImage}"/> 
    </Setter.Value> 
</Setter> 

Answer 2

¿Funcionaría simplemente agregar una propiedad de icono a cada elemento de menú directamente, sin usar un estilo? Tal vez me falta algo, pero esto es lo que hice en mis aplicaciones.

<Grid> 
    <Menu Height="22" Margin="0,9,0,0" Name="menu1" VerticalAlignment="Top"> 
     <MenuItem Header="Menu"> 
      <MenuItem.Icon> 
       <Image Height="20" Width="20" Source="/Resourceflag.png"/> 
      </MenuItem.Icon> 

      <MenuItem Header="Save" ></MenuItem> 
      <MenuItem Header="Open"/> 
      <MenuItem Header="Exit"/> 
     </MenuItem> 
     <MenuItem Header="Edit"> 
      <MenuItem.Icon> 
       <Image Height="20" Width="20" Source="/Resourceflag.png"/> 
      </MenuItem.Icon> 

      <MenuItem Header="Undo"/>     
      <MenuItem Header="Redo"/>      
      <Separator/> 
      <MenuItem Header="Cut"/>      
      <MenuItem Header="Copy"/>      
      <MenuItem Header="Paste"/> 
     </MenuItem> 
    </Menu> 
</Grid> 

Answer 3

Un poco tarde, pero he aquí una solución que funcionó para mí.

que utiliza un convertidor para hacer una nueva imagen para cada elemento de menú:

class PathToImageConverter:IValueConverter 
{ 
    object Convert(object value, Type targetType, object parameter, CultureInfo culture) 
    { 
     string path = "Data/Icons/" + value + ".png"; 
     Image img = new Image {Source = new BitmapImage(new Uri(path, UriKind.Relative))}; 
     return img; 
    } 

    object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture) 
    { 
     return ""; 
    } 
} 

Xaml:

<MenuItem.ItemContainerStyle> 
     <Style TargetType="MenuItem"> 
      <Setter Property="Icon" Value="{Binding Converter={StaticResource PathToImageConverter1}}"/> 
     </Style> 
    </MenuItem.ItemContainerStyle>