風格菜單項 - 圖片

在我MainWindow.xaml我有以下幾點：風格菜單項 - 圖片

<Window.Resources> 
    <BitmapImage x:Key="Icon_ResetNetwork" UriSource="/Icons/ResetNetwork_icon.png" /> 
</Window.Resources>

然後，我有一個菜單在我有如下定義菜單項的菜單：

<MenuItem Command="{StaticResource ResetNetwork}" Header="Reset" 
      Icon="{StaticResource Icon_ResetNetwork}"/>

我試圖創建一個MenuItem的一般風格，所以我在我的App.xaml中定義了以下內容

<!-- Menu Item --> 
<Style TargetType="{x:Type MenuItem}"> 
    <Setter Property="FontSize" Value="12" /> 
    <Setter Property="FontFamily" Value="Consolas"/> 
    <Setter Property="Background" Value="White"/> 
    <Setter Property="Height" Value="30"/> 
    <Setter Property="VerticalContentAlignment"  Value="Center" /> 
    <Setter Property="VerticalAlignment" Value="Center" /> 
    <Setter Property="HeaderTemplate"> 
     <Setter.Value> 
           <DataTemplate> 
             <TextBlock Text="{Binding}" VerticalAlignment="Center" HorizontalAlignment="Left"/> 
            </DataTemplate> 
        </Setter.Value> 
    </Setter> 
    <Setter Property="Icon"> 
        <Setter.Value> 
         <Image Source="{Binding Icon}" Style="{Binding StaticResource MenueItemImage}" /> 
        </Setter.Value> 
    </Setter> 
</Style>

的問題是，代替圖標它提出了（正確）圖標的地址當我以下列方式定義菜單項中的圖標（在MainWindow.xaml）：

<MenuItem Command="{StaticResource ResetNetwork}" Header="Reset"> 
    <MenuItem.Icon> 
        <Image Source="{StaticResource Icon_ResetNetwork}" Style="{StaticResource MenueItemImage}"/> 
    </MenuItem.Icon> 
</MenuItem>

項目被提出正確。

來源

2016-10-10 user3315504

你必須定義的Image對象到你的財產Icon：

<Menu> 
     <MenuItem> 
      <MenuItem.Icon> 
       <Image> 
        <Image.Source> 
         <BitmapImage UriSource="/your_assembly;component/your_path_here/your_image.png" /> 
        </Image.Source> 
       </Image> 
      </MenuItem.Icon> 
     </MenuItem> 
    </Menu>

或者：

<ImageSource x:Key="ImageSource">/your_assembly;component/your_path_here/your_image.png</ImageSource> 

<Menu> 
     <MenuItem Header="Reset"> 
      <Image Height="16" 
        Width="16" 
        Source="{StaticResource ImageSource}"></Image> 
     </MenuItem> 

    </Menu>

來源

2016-10-10 06:43:38

風格菜單項 - 圖片

回答

相關問題