WPF 应用程序中的图像显示小于在外部查看器中查看时的图像

Question

当我在 WPF 应用程序中显示 JPEG（使用以下代码）时，它显示的大小明显小于在 Windows 图片查看器中以实际大小打开 JPEG 的情况。

我在运行时深入了解了 ImageSource 的属性，我的图像具有：

• DPI 为 219
• 高度为 238.02739726027397
• 宽度为 312.54794520547944
• 像素高度为 543
• ，像素宽度为 713

当我使用屏幕标尺测量 WPF 显示时图像，我得到大约。 313x240 像素（如果我可以完美地定位标尺，则可能等于 ImageSource 报告的宽度和高度。）。

我的直觉告诉我这与 WPF 使用设备无关单位（而不是像素）有关，但我无法理解它，而且我仍然需要知道如何以 543x713 的“实际”尺寸显示图像在我的应用程序中。

<Window xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Height="300" Width="300">
    <StackPanel>
        <Image Source="Image15.jpg" Stretch="None" />
    </StackPanel>
</Window>

Answer 1

谢谢马克！ 我根据您的信息进行了一些谷歌搜索，发现这篇文章 提供了一个解决方案来获得我想要的结果。 现在这开始有意义了......

编辑：Linkrot。 将文章中的关键文本粘贴到此处以供参考......

<Image Source=”{Binding …}”
       Stretch=”Uniform”
       Width=”{Binding Source.PixelWidth,RelativeSource={RelativeSource Self}}”
       Height=”{Binding Source.PixelHeight,RelativeSource={RelativeSource Self}}” />

这里我们将 Stretch 设置为 Uniform，并将 Width 和 Height 绑定到源的 PixelWidth 和 >PixelHeight，从而有效地忽略 DPI。 然而，即使使用 SnapToDevicePixels（它只是捕捉边框，而不是图像内的像素），图像也不会是完美的像素。 但是，3.5 SP1 中的 WPF 将支持 NearestNeighbor >BitmapScalingMode，这应该可以纠正此问题。

Answer 2

使用 DPI 96。WPF 根据英寸大小缩放图像，同时图像查看器显示像素。 在大多数 Windows 系统上，屏幕分辨率假定为 96 DPI，因此在图像中使用该分辨率将导致一对一转换。

Answer 3

或者，您可以扩展 Image 并实现 MeasureOverride 和 ArrangeOverride 来更改图像 DPI 的效果：

class DpiAgnosticImage : Image
{
    protected override Size MeasureOverride(Size constraint)
    {
        var bitmapImage = Source as BitmapImage;

        var desiredSize = bitmapImage == null 
            ? base.MeasureOverride(constraint) 
            : new Size(bitmapImage.PixelWidth, bitmapImage.PixelHeight);

        var dpiScale = MiscUtil.GetDpiScale(this);
        desiredSize = new Size(desiredSize.Width / dpiScale.Width, desiredSize.Height / dpiScale.Height);

        desiredSize = ImageUtilities.ConstrainWithoutDistorting(desiredSize, constraint);

        if (UseLayoutRounding)
        {
            desiredSize.Width = Math.Round(desiredSize.Width);
            desiredSize.Height= Math.Round(desiredSize.Height);
        }

        return desiredSize;
    }

    protected override Size ArrangeOverride(Size finalSize)
    {
        return new Size(Math.Round(DesiredSize.Width), Math.Round(DesiredSize.Height));
    }
}

在 xaml 中使用它，就好像它是图像一样：

<Grid>
  <local:DpiAgnosticImage
    Stretch="None"
    Source="{Binding ViewImage}">
    <Image.RenderTransform>
      <ScaleTransform
        x:Name="SomeName"/>
    </Image.RenderTransform>
  </local:DpiAgnosticImage>
</Grid>

上面代码的缺陷（据我所知）：

• 忽略拉伸
• 假设源是 BitmapImage

= == 编辑 - Will 的评论表明他想知道 GetDpiScale() 中的内容

    public static Size GetDpiScale(Visual visual)
    {
        var source = PresentationSource.FromVisual(visual);

        var dpiScale = new Size(
            source.CompositionTarget.TransformToDevice.M11,
            source.CompositionTarget.TransformToDevice.M22);

        return dpiScale;
    }

Answer 4

这是 .jpg 文件本身指定 DPI 的结果 - WPF 只是遵循。 这是一篇论坛帖子，详细介绍了该问题和一些解决方案：