自带WinForms控件闪烁，性能不佳答案

【问题标题】：Own WinForms Control Flickers and Has Bad Performance自带WinForms控件闪烁，性能不佳
【发布时间】：2012-05-22 01:56:03
【问题描述】：

我自己的使用位图的用户控件有两个问题：

如果通过 .NET 的“刷新”方法重绘，它会闪烁。
性能很差。

该控件由三个位图组成：

静态背景图片。
一个旋转的转子。
另一个取决于转子角度的图像。

所有使用的位图的分辨率均为 500x500 像素。该控件的工作原理如下： https://www.dropbox.com/s/t92gucestwdkx8z/StatorAndRotor.gif（是gif动画）

用户控件应在每次获得新的转子角度时自行绘制。因此，它有一个公共属性“RotorAngle”，如下所示：

public double RotorAngle
{
    get { return mRotorAngle; }
    set
    {
        mRotorAngle = value;
        Refresh();
    }
}

Refresh 引发 Paint 事件。 OnPaint 事件处理程序如下所示：

private void StatorAndRotor2_Paint(object sender, PaintEventArgs e)
{
    // Draw the three bitmaps using a rotation matrix to rotate the rotor bitmap.
    Draw((float)mRotorAngle);
}

但是当我使用这段代码时——它在其他自己的用户控件中运行良好——如果控件通过SetStyle(ControlStyles.OptimizedDoubleBuffer, true) 进行双缓冲，则根本不会绘制用户控件。如果我不将此标志设置为 true，则重绘时控件会闪烁。

在我设置的控件构造函数中：

SetStyle(ControlStyles.AllPaintingInWmPaint, true);
SetStyle(ControlStyles.ContainerControl, false);
// User control is not drawn if "OptimizedDoubleBuffer" is true.
// SetStyle(ControlStyles.OptimizedDoubleBuffer, true);
SetStyle(ControlStyles.ResizeRedraw, true);
SetStyle(ControlStyles.SupportsTransparentBackColor, true);

首先，我认为它会闪烁，因为每次绘制控件时都会清除背景。因此，我设置了SetStyle(ControlStyles.AllPaintingInWmPaint, true)。但这没有帮助。

那么，为什么会闪烁？其他控件在此设置下工作得很好。如果SetStyle(ControlStyles.OptimizedDoubleBuffer, true)，为什么不绘制控件。

我发现如果在更改属性RotorAngle 后直接调用我的Draw 方法，控件不会闪烁：

public float RotorAngle
{
    get { return mRotorAngle; }
    set
    {
        mRotorAngle = value;
        Draw(mRotorAngle);
    }
}

但这会导致性能非常差，尤其是在全屏模式下。不可能每 20 毫秒更新一次控件。你可以自己试试。我将在下面附上完整的 Visual Studio 2008 解决方案。

那么，为什么它的表现如此糟糕？每 20 毫秒更新一次其他（自己的）控件是没有问题的。真的只是位图的原因吗？

我创建了一个简单的 Visual Studio 2008 解决方案来演示这两个问题： https://www.dropbox.com/s/mckmgysjxm0o9e0/WinFormsControlsTest.zip (289,3 KB)

目录bin\Debug中有一个可执行文件。

感谢您的帮助。

【问题讨论】：

我现在无法详细介绍所有细节，但您需要查看双缓冲。幸运的是，它在 2008+ 中非常简单您在属性中进行刷新的方式也很糟糕。
如果您的应用程序可能在远程桌面上使用，请不要双缓冲 - 请参阅 this link。您可以检查当前会话是否为远程桌面：if (SystemInformation.TerminalServerSession) ...

标签： c# winforms performance user-controls flicker

【解决方案1】：

首先，根据 LarsTech 的回答，您应该使用 PaintEventArgs 中提供的 Graphics 上下文。通过在 Paint 处理程序中调用 CreateGraphics()，可以防止 OptimizedDoubleBuffer 正常工作。

其次，在您的 SetStyle 块中，添加：

SetStyle( ControlStyles.Opaque, true );

... 防止基类 Control 在调用您的 Paint 处理程序之前填充背景颜色。

我在您的示例项目中对此进行了测试，它似乎消除了闪烁。

【讨论】：

【解决方案2】：

不要使用CreateGraphics，而是使用从绘制事件传递给您的图形对象：

我改变了它并添加了一个清晰的，因为调整大小会显示重影图像：

private void Draw(float rotorAngle, Graphics graphics)
{
  graphics.Clear(SystemColors.Control);
  graphics.InterpolationMode = InterpolationMode.HighQualityBicubic;

  // yada-yada-yada

  // do not dispose since you did not create it:
  // graphics.Dispose();
}

调用自：

private void StatorAndRotor2_Paint(object sender, PaintEventArgs e)
{
  Draw((float)mRotorAngle, e.Graphics);
}

在构造函数中，开启双缓冲，但我认为不需要透明：

SetStyle(ControlStyles.AllPaintingInWmPaint, true);
SetStyle(ControlStyles.ContainerControl, false);
SetStyle(ControlStyles.OptimizedDoubleBuffer, true);
SetStyle(ControlStyles.ResizeRedraw, true);
//SetStyle(ControlStyles.SupportsTransparentBackColor, true);

【讨论】：

【解决方案3】：

在 Paint 事件中在屏幕上绘图是一项繁重的操作。在内存缓冲区上进行绘制相对来说非常快。

Double buffering 将提高性能。不要在绘制图形上绘图，而是创建一个新图形，然后在其上进行所有绘制。

位图绘制完成后，将整个位图复制到从 PaintEventArgs 接收的 e.Graphics 中

Flicker free drawing using GDI+ and C#

【讨论】：

【解决方案4】：

对于我的回答，我从https://stackoverflow.com/a/2608945/455904 获得灵感，并从上面的LarsTechs 回答中获得了一些东西。

为避免在所有 OnPaint 上重新生成完整图像，您可以使用变量来保存生成的图像。

private Bitmap mtexture;

使用 Draw() 生成纹理

private void Draw(float rotorAngle)
{
    using (var bufferedGraphics = Graphics.FromImage(mtexture))
    {
        Rectangle imagePosition = new Rectangle(0, 0, Width, Height);
        bufferedGraphics.DrawImage(mStator, imagePosition);
        bufferedGraphics.DrawImage(RotateImage(mRotor, mRotorAngle), imagePosition);

        float normedAngle = mRotorAngle % cDegreePerFullRevolution;

        if (normedAngle < 0)
            normedAngle += cDegreePerFullRevolution;

        if (normedAngle >= 330 || normedAngle <= 30)
            bufferedGraphics.DrawImage(mLED101, imagePosition);
        if (normedAngle > 30 && normedAngle < 90)
            bufferedGraphics.DrawImage(mLED001, imagePosition);
        if (normedAngle >= 90 && normedAngle <= 150)
            bufferedGraphics.DrawImage(mLED011, imagePosition);
        if (normedAngle > 150 && normedAngle < 210)
            bufferedGraphics.DrawImage(mLED010, imagePosition);
        if (normedAngle >= 210 && normedAngle <= 270)
            bufferedGraphics.DrawImage(mLED110, imagePosition);
        if (normedAngle > 270 && normedAngle < 330)
            bufferedGraphics.DrawImage(mLED100, imagePosition);
    }
}

让 OnPaint 的覆盖在您的控件上绘制纹理

protected override void OnPaint(PaintEventArgs e)
{
    base.OnPaint(e);
    Rectangle imagePosition = new Rectangle(0, 0, Width, Height);
    e.Graphics.DrawImage(mtexture, imagePosition);
}

在需要时覆盖 OnInvalidated() 以 Draw() 纹理

protected override void OnInvalidated(InvalidateEventArgs e)
{
    base.OnInvalidated(e);

    if (mtexture != null)
    {
        mtexture.Dispose();
        mtexture = null;
    }

    mtexture = new Bitmap(Width, Height);
    Draw(mRotorAngle);
}

而不是调用 Draw 使图像无效。这将导致它使用 OnInvalidated 和 OnPaint 重新绘制。

public float RotorAngle
{
    get { return mRotorAngle; }
    set
    {
        mRotorAngle = value;
        Invalidate();
    }
}

我希望我把所有的东西都放在那里了 :)

【讨论】：

【解决方案5】：

非常感谢您的帮助。

闪烁已解决。 :)

现在，我遵循LarsTech's 的建议并使用来自PaintEventArgs 的Graphics 对象。

感谢lnmx 提示CreateGraphics() 在Paint 处理程序中阻止OptimizedDoubleBuffer 的正确功能。即使启用了OptimizedDoubleBuffer，这也解释了闪烁问题。我不知道，我也没有在MSDN Library 找到这个。在我之前的控件中，我还使用了来自PaintEventArgs 的Graphics 对象。

感谢Sallow 的努力。今天我会测试你的代码，我会给出反馈。我希望这会提高性能，因为仍然存在性能问题——尽管双缓冲正确。

我的原始代码中还有另一个性能问题。

改变了

graphics.DrawImage(mStator, imagePosition);
graphics.DrawImage(RotateImage(mRotor, rotorAngle), imagePosition);

到

graphics.DrawImage(mStator, imagePosition);
Bitmap rotatedImage = RotateImage(mRotor, rotorAngle);
graphics.DrawImage(rotatedImage, imagePosition);
rotatedImage.Dispose(); // Important, otherwise the RAM will be flushed with bitmaps.

【讨论】：