2

我的 WPF 应用程序中有一个菜单，它使用 PNG 图像作为图标。这些图像作为资源存储在单独的 DLL 中。在旧版本的 Windows 中，图标（48x48 像素）正确显示，缩小到容器的大小。

在 Windows 8 中，图标的行为有所不同。

这是我的代码示例：

<MenuItem Header="Promotions" x:Name="mnuPromotions" Style="{StaticResource styMenuItem}">
    <MenuItem.Icon>
        <Image Source="{StaticResource icnPromotion_48}" Style="{StaticResource styMenuIcon}" />
    </MenuItem.Icon>
</MenuItem>
<MenuItem Header="Catalogues" x:Name="mnuCatalogues" Style="{StaticResource styMenuItem}">
    <MenuItem.Icon>
        <Image Source="{StaticResource icnCatalogue_48}" Style="{StaticResource styMenuIcon}" />
    </MenuItem.Icon>
</MenuItem>
  <MenuItem Header="Customer Price Lists" x:Name="mnuCustomerPriceLists">
    <MenuItem.Icon>
        <Image Source="{StaticResource icnCashCustomer_48}" Style="{StaticResource styMenuIcon}" />
    </MenuItem.Icon>
</MenuItem>

这是菜单项的样式

<Style x:Key="styMenuItem" TargetType="MenuItem">
  <Setter Property="Foreground" Value="#FF000000" />
  <Setter Property="FontSize" Value="22" />
  <Setter Property="Margin" Value="2" />
  <Setter Property="Background">
    <Setter.Value>
      <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
        <GradientStop Offset="0" Color="#AA9D9D9D" />
        <GradientStop Offset="1" Color="#AACFCDBE" />
      </LinearGradientBrush>
    </Setter.Value>
  </Setter>
</Style>

这是图标的风格

<Style x:Key="styMenuIcon" TargetType="Image">
  <Setter Property="Width" Value="20" />
  <Setter Property="Height" Value="20" />
  <Setter Property="VerticalAlignment" Value="Center" />
  <Setter Property="HorizontalAlignment" Value="Center" />
  <Setter Property="Margin" Value="2" />
</Style>

这是旧版本 Windows 中菜单的外观： Windows XP 到 Windows 7 中的菜单

这就是菜单在 Windows 8 中的样子 Windows 8 中的菜单

如果您仔细观察，这些图标在 Win8 中居中并被裁剪，而在旧版本的 Windows 中它们适合容器。

有谁知道为什么这种行为会发生变化，以及是否有一个简单的解决方法来解决这种行为变化，以便菜单与从 XP 到 8 的所有 Windows 版本完全兼容？

4

2 回答 2

2

看起来这种行为是一个已知的错误，（像往常一样）微软不想修复：

http://connect.microsoft.com/VisualStudio/feedback/details/767328/menuitem-icon-wont-stretch-when-changeing-size-in-windows-8

发布了两种解决方法，一种简单的方法是将图像高度调整为每个 XAML 的菜单项高度：

<MenuItem x:Name="ctxMenuName" Header="Open Existing">
  <MenuItem.Icon>
     <Image Source="/MyApp;component/Images/folder_with_file.png"
                 Height="{Binding Path=ActualHeight, ElementName=ctxMenuName}"
                 Width="{Binding Path=ActualHeight, ElementName=ctxMenuName}" />
  </MenuItem.Icon>
</MenuItem>
于 2014-02-18T08:18:28.663 回答
1

在升级现有 WPF 应用程序以支持 Windows 10 时遇到这种情况。这是从 MenuItem 继承的解决方法。这将适用于其他内容以及图像。

using System.Windows;
using System.Windows.Controls;
using System.Windows.Media;

namespace MenuItemDemo
{
    public class MenuItemEx : MenuItem
    {
        public MenuItemEx()
        {
            base.Loaded += FrameworkElement_OnLoaded;
        }

        private void FrameworkElement_OnLoaded(object sender, RoutedEventArgs e)
        {
            var child = Icon as FrameworkElement;
            if (child == null)
                return;

            var parent = VisualTreeHelper.GetParent(child) as ContentPresenter;
            if (parent == null)
                return;

            parent.Width = child.Width;
            parent.Height = child.Height;
        }
    }
}

xmlns:menuitem="clr-namespace:MenuItemDemo"然后在 xaml中使用它引用，然后更改<MenuItem>为<menuitem:MenuItemEx>

一个使用这个的示例窗口

<Window x:Class="MenuItemDemo.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:menuitem="clr-namespace:MenuItemDemo"
        Title="MainWindow" Height="350" Width="525">    
        <DockPanel>
            <Menu DockPanel.Dock="Top">
                <menuitem:MenuItemEx>
                    <MenuItem.Icon>
                        <Label>Text asdfasdf</Label>
                    </MenuItem.Icon>
                </menuitem:MenuItemEx>  
            </Menu>
            <Grid></Grid>
        </DockPanel>     
</Window>
于 2017-01-19T10:28:11.583 回答