Không thể đặt biểu tượng cho các mục menu sử dụng ItemContainerStyle

Question

Tôi cố gắng để thiết lập các biểu tượng của mục trình đơn của tôi như thế này -

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

nhưng biểu tượng cho chỉ cuối cùng mục menu được hiển thị và không cho hai đầu tiên.

Ứng dụng mẫu - http://weblogs.asp.net/blogs/akjoshi/Samples/WPFMenuItemBugSample.zip

bất cứ ai có thể cho biết lý do cho hành vi này và giải pháp khả thi/cách giải quyết.

Answer 1

Đó là bởi vì bạn đã sử dụng một Image tài nguyên của bạn. Một Image là một điều khiển và - giống như bất kỳ điều khiển khác - chỉ có thể có một phụ huynh. Theo mặc định, WPF sẽ cố gắng chia sẻ tài nguyên trên tất cả người tiêu dùng. Như vậy, cuối cùng MenuItem "chiến thắng" quyền giam giữ cho Image và khác MenuItem 's thậm chí không được phép thăm viếng cuối tuần.

Để khắc phục điều này, bạn có thể hoặc thiết lập các Image là không chia sẻ:

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

Hoặc tốt hơn nữa, biểu hiện tài nguyên hình ảnh của bạn như ImageSource lớp con thích hợp và chia sẻ rằng thay vì:

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

Answer 2

nó sẽ làm việc để chỉ cần thêm một đặc tính biểu tượng cho mỗi mục trình đơn trực tiếp, mà không sử dụng một phong cách? Có lẽ tôi đang thiếu một cái gì đó, nhưng đây là những gì tôi đã làm trong các ứng dụng của tôi.

<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

Một chút trễ, nhưng đây là giải pháp phù hợp với tôi.

tôi đã sử dụng một bộ chuyển đổi để thực hiện một hình ảnh mới cho mỗi menuitem:

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>