C# WinForm中TrackBar控制图像旋转时画面闪烁问题求解

问题根源 #

闪烁问题不是单独开线程就能直接解决的，核心诱因有3个：

• 没有开启窗体双缓冲模式，绘制时直接在屏幕可见的设备上下文上操作，重绘时背景擦除和图像绘制的时间差会直接暴露给用户，表现为明显闪烁
• 每次触发Paint事件时都重复创建Bitmap、Graphics对象，既产生不必要的性能开销，对象创建的延迟也会加重闪烁，且这些GDI对象用完没有手动释放，运行时间长了会出现内存泄漏
• 所有绘制逻辑全部阻塞在UI线程上，拖动TrackBar时频繁触发重绘，UI线程响应不及时就会出现卡顿、闪烁观感。教程提到的线程优化本质是把离屏位图的渲染逻辑移到后台减少UI线程阻塞，并非线程本身能直接消除闪烁

基础修复（无需线程即可解决90%的闪烁问题） #

首先在窗体构造函数中开启完整双缓冲，同时优化重绘逻辑：仅在初始化/图像尺寸变化时创建一次离屏位图，每次重绘复用该位图完成旋转绘制，临时GDI对象用完及时释放。
核心修复代码如下：

public partial class Form1 : Form
{
    Image sourceImg;
    int angle;
    Bitmap offscreenBmp;
    delegate void UpdateUIDelegate();

    public Form1()
    {
        InitializeComponent();
        // 开启双缓冲是消闪的*核心操作*
        this.DoubleBuffered = true;
        this.SetStyle(ControlStyles.AllPaintingInWmPaint | ControlStyles.UserPaint | ControlStyles.OptimizedDoubleBuffer, true);
        this.UpdateStyles();
    }

    private void Form1_Load(object sender, EventArgs e)
    {
        sourceImg = Image.FromFile(@"c:\images\clock face with second hand 2.png");
        // 初始化时仅创建一次离屏位图，无需每次Paint都重新实例化
        offscreenBmp = new Bitmap(sourceImg.Width / 2, sourceImg.Height / 2);
    }

    private void Form1_Paint(object sender, PaintEventArgs e)
    {
        // 复用离屏位图做旋转渲染
        using (Graphics g = Graphics.FromImage(offscreenBmp))
        {
            g.Clear(Color.Transparent);
            g.TranslateTransform(offscreenBmp.Width / 2, offscreenBmp.Height / 2);
            g.RotateTransform(angle);
            g.TranslateTransform(-offscreenBmp.Width / 2, -offscreenBmp.Height / 2);
            g.InterpolationMode = InterpolationMode.HighQualityBicubic;
            g.DrawImage(sourceImg, 0, 0);
            g.ResetTransform();
        }

        // 将渲染完成的位图一次性绘制到窗体，避免逐像素渲染暴露到屏幕
        e.Graphics.TranslateTransform(this.Width / 2, this.Height / 2);
        e.Graphics.DrawImage(offscreenBmp, -offscreenBmp.Width / 2, -offscreenBmp.Height / 2);
    }

    private void Form1_Resize(object sender, EventArgs e)
    {
        Invalidate();
    }

    private void trackBar1_ValueChanged(object sender, EventArgs e)
    {
        angle = trackBar1.Value;
        Invalidate();
    }

    // 窗体关闭时释放GDI资源，避免内存泄漏
    protected override void OnFormClosed(FormClosedEventArgs e)
    {
        base.OnFormClosed(e);
        sourceImg?.Dispose();
        offscreenBmp?.Dispose();
    }
}

进阶：后台线程渲染优化（解决高分辨率图快速拖动时的卡顿） #

如果加载的原图分辨率很高，旋转渲染本身耗时较长，快速拖动TrackBar时仍可能出现卡顿，可以将离屏位图的渲染逻辑放到后台线程，UI线程仅负责最后一步将渲染完成的位图贴到窗体上，避免阻塞UI响应。

注意：GDI+对象不能跨线程访问，后台线程渲染时需独立创建Graphics对象操作位图，渲染完成后通过BeginInvoke切回UI线程触发重绘。

修改后的交互与渲染逻辑：

// 加标记位过滤重复渲染请求，避免线程池堆积无效任务
private bool isRendering = false;
private void trackBar1_ValueChanged(object sender, EventArgs e)
{
    angle = trackBar1.Value;
    // 将渲染任务投递到线程池，不阻塞UI响应
    ThreadPool.QueueUserWorkItem(RenderRotatedImage);
}

private void RenderRotatedImage(object state)
{
    if (isRendering) return;
    isRendering = true;
    try
    {
        // 后台线程完成耗时的旋转渲染，不占用UI线程时间
        using (Graphics g = Graphics.FromImage(offscreenBmp))
        {
            g.Clear(Color.Transparent);
            g.TranslateTransform(offscreenBmp.Width / 2, offscreenBmp.Height / 2);
            g.RotateTransform(angle);
            g.TranslateTransform(-offscreenBmp.Width / 2, -offscreenBmp.Height / 2);
            g.InterpolationMode = InterpolationMode.HighQualityBicubic;
            g.DrawImage(sourceImg, 0, 0);
            g.ResetTransform();
        }
        // 渲染完成后切回UI线程触发重绘
        if (this.InvokeRequired)
        {
            this.BeginInvoke(new UpdateUIDelegate(() => this.Invalidate()));
        }
    }
    finally
    {
        isRendering = false;
    }
}

内容的提问来源于stack exchange，提问作者yas