winforms - 如何在高 DPI 上缩放 Windows 窗体按钮的图像？

Question

我找不到在 Windows 窗体按钮中缩放图像的方法。请参阅下面在 DPI 200% 上显示的 Windows 窗体设计器的外观(我知道 Windows 窗体设计器应该仅在 DPI 100%/96 上使用，此屏幕截图正好说明了我的观点)。

虽然按钮尺寸正确缩放 (34x33)，但按钮尺寸中的图像不会缩放/拉伸(stretch)/缩放(仍保持 16x16)。我做了很多尝试来解决这个问题:

• 父控件 AutoScaleMode设置为Font ，将其设置为Dpi无法实现此目的。
• 设置按钮AutoSize至true或false并没有让它发挥作用。
• 设置按钮或家长控制 AutoSizeMode任何值都不会使其工作。
• 没有 Button.ImageLayout可以设置为 Stretch或Zoom .
• 使用新的 App.Config设置<add key="EnableWindowsFormsHighDpiAutoResizing" value="true" />并没有让它发挥作用。
• 更改按钮 FlatStyle或ImageAlign并没有让它发挥作用。

您是如何在应用程序中解决这个问题的？

Answer 1

尽管 MS 的理念是 to go toward out-of-the-box stretched images for Windows Form Controls when high DPI ，看来Button上的图片需要手动拉伸(stretch)。当然，更好的解决方案是，对于向用户显示的每个位图(在按钮上和其他任何地方)定义几个适应 250% 200% 150% 和 125% DPI 的位图。

这是代码:

  public static IEnumerable<IDisposable> AdjustControlsThroughDPI(this Control.ControlCollection controls) {
     Debug.Assert(controls != null);
     if (DPIRatioIsOne) {
        return new IDisposable[0]; // No need to adjust on DPI One
     }

     var list = new List<IDisposable>();
     foreach (Control control in controls) {
        if (control == null) { continue; }

        var button = control as ButtonBase;
        if (button != null) {
           button.AdjustControlsThroughDPI(list);
           continue;
        }

        // Here more controls tahn button can be adjusted if needed...

        // Recursive
        var nestedControls = control.Controls;
        Debug.Assert(nestedControls != null);
        if (nestedControls.Count == 0) { continue; }
        var disposables = nestedControls.AdjustControlsThroughDPI();
        list.AddRange(disposables);
     }
     return list;
  }

  private static void AdjustControlsThroughDPI(this ButtonBase button, IList<IDisposable> list) {
     Debug.Assert(button != null);
     Debug.Assert(list != null);
     var image = button.Image;
     if (image == null) { return; }

     var imageStretched = image.GetImageStretchedDPI();
     button.Image = imageStretched;
     list.Add(imageStretched);
  }


  private static Image GetImageStretchedDPI(this Image imageIn) {
     Debug.Assert(imageIn != null);

     var newWidth = imageIn.Width.MultipliedByDPIRatio();
     var newHeight = imageIn.Height.MultipliedByDPIRatio();
     var newBitmap = new Bitmap(newWidth, newHeight);

     using (var g = Graphics.FromImage(newBitmap)) {
        // According to this blog post http://blogs.msdn.com/b/visualstudio/archive/2014/03/19/improving-high-dpi-support-for-visual-studio-2013.aspx
        // NearestNeighbor is more adapted for 200% and 200%+ DPI
        var interpolationMode = InterpolationMode.HighQualityBicubic;
        if (s_DPIRatio >= 2.0f) {
           interpolationMode = InterpolationMode.NearestNeighbor;
        }
        g.InterpolationMode = interpolationMode;
        g.DrawImage(imageIn, new Rectangle(0, 0, newWidth, newHeight));
     }

     imageIn.Dispose();
     return newBitmap;
  }

请注意，返回了创建的一次性位图的可枚举值。如果您不关心在按钮上处理位图，则不必关心处理拉伸(stretch)位图。

请注意，我们处理了原始按钮位图。

请注意我们自己的成员处理 DPI:MultipliedByDPIRatio(this int)、DPIRatioIsOne:bool、s_DPIRatio。你可以自己写，棘手的地方是获取实际的DPI比率。要收集 DPI 比率，我发现最好的方法是 this one .

请注意对博客文章 Improving High-DPI support for Visual Studio 2013 的引用VS 团队解释说，对于他们的图标样式，他们确定图像在 ] 200%、100% [ 之间拉伸(stretch)最好使用双三次算法实现，而高于或等于 200% 最好使用朴素最近邻算法实现。所提供的代码反射(reflect)了这些选择。

<小时/>

编辑:下面是 200% DPI 时各种插值模式的屏幕截图，恕我直言 InterpolationMode.HighQualityBicubic 优于 InterpolationMode.NearestNeighbor。