C# WPF按钮图标在高DPI（200%）下的尺寸异常问题求助

以下是几种有效的解决方法：

1. 启用WPF的Per-Monitor DPI感知 #

WPF默认的DPI感知逻辑无法完美适配高缩放比例，需要显式启用Per-Monitor DPI感知：

• 通过项目配置文件：在.NET 6及以上版本，编辑项目的.csproj文件，添加以下配置：

  <PropertyGroup>
      <WpfEnableHighDpiPerMonitor>true</WpfEnableHighDpiPerMonitor>
  </PropertyGroup>
  

• 通过应用程序清单：在app.manifest文件中，找到<application>节点，添加或修改DPI感知设置：

  <application xmlns="urn:schemas-microsoft-com:asm.v3">
      <windowsSettings>
          <dpiAware xmlns="http://schemas.microsoft.com/SMI/2005/WindowsSettings">true/PM</dpiAware>
      </windowsSettings>
  </application>
  

2. 提供多分辨率的PNG图标资源 #

为不同DPI缩放比例准备对应尺寸的PNG图片，WPF会自动根据当前DPI选择合适的资源：

• 命名规范：为图标添加DPI后缀，比如Icon.png（1x/96DPI）、Icon@2x.png（2x/192DPI）、Icon@3x.png（3x/288DPI）
• 在XAML中引用时，使用BitmapImage的UriSource，WPF会自动匹配对应DPI的资源：

  <Button Width="40" Height="40">
      <Image>
          <Image.Source>
              <BitmapImage UriSource="/Images/Icon.png" />
          </Image.Source>
      </Image>
  </Button>
  

3. 正确设置Image控件的布局属性 #

确保Image控件能自适应按钮尺寸，避免固定尺寸导致缩放异常：

• 设置Stretch属性为Uniform（保持图标比例）
• 绑定Image的宽高到按钮的实际尺寸，或者不设置固定宽高，让它继承按钮的布局空间：

  <Button Width="40" Height="40">
      <Image Source="/Images/Icon.png" 
             Stretch="Uniform"
             Margin="2"
             Width="{Binding RelativeSource={RelativeSource AncestorType=Button}, Path=ActualWidth}"
             Height="{Binding RelativeSource={RelativeSource AncestorType=Button}, Path=ActualHeight}"/>
  </Button>
  

4. 改用矢量图标（推荐） #

矢量图标（如SVG、XAML矢量图形）可以无损适配任意DPI缩放，彻底解决尺寸问题：

• XAML矢量图标：将SVG转换为XAML资源（可使用Inkscape或在线转换工具），直接在XAML中引用：

  <Button Width="40" Height="40">
      <Path Data="M10,10 L20,20..." Fill="#000000"/>
  </Button>
  

• 使用SVG加载库：通过NuGet安装Microsoft.Toolkit.Wpf.UI.Controls.Svg包，直接加载SVG文件：

  <Button Width="40" Height="40">
      <Image>
          <Image.Source>
              <SvgImageSource UriSource="/Images/Icon.svg" />
          </Image.Source>
      </Image>
  </Button>
  

内容的提问来源于stack exchange，提问作者H.Daniel