如何在C++中使用GDI+实现无闪烁的平滑动画？

我之前做课程作业时也碰到过一模一样的问题！WinAPI定时器搭配GDI+做动画时的闪烁，核心原因是窗口重绘时的背景擦除和全屏刷新这两步的冲突——系统先把旧背景擦掉，再绘制新内容，肉眼就会看到闪烁。下面给你几个纯WinAPI/GDI+的修改方案，完全符合你不能换技术的要求：

1. 禁用系统默认的背景擦除 #

系统在收到WM_PAINT前会先发送WM_ERASEBKGND消息擦除背景，这是闪烁的主要来源之一。直接拦截这个消息并返回TRUE，告诉系统不用帮你擦背景：

case WM_ERASEBKGND:
    return TRUE; // 跳过系统默认的背景擦除操作

⚠️ 注意：如果你的窗口原本需要绘制背景（比如纯色或图片），得自己在WM_PAINT里手动绘制背景，不然旧的绘制内容会残留。但如果只是移动单个矩形，这个方法能立竿见影减少闪烁。

2. 优化刷新区域，不要全屏重绘 #

你现在用InvalidateRect(hwnd, NULL, ...)刷新整个窗口，其实只需要刷新矩形原来的位置和新位置的合并区域就行，缩小重绘范围能大幅减少闪烁：

case WM_TIMER:
{
    // 记录矩形的旧位置（假设矩形宽高是50x50）
    RECT oldRect = { rectX, rectY, rectX + 50, rectY + 50 };
    
    // 更新矩形坐标（你的原有逻辑）
    rectX += 2;
    rectY += 2;
    
    // 计算新位置
    RECT newRect = { rectX, rectY, rectX + 50, rectY + 50 };
    
    // 合并旧区域和新区域，得到需要刷新的范围
    RECT updateRect;
    UnionRect(&updateRect, &oldRect, &newRect);
    
    // 只刷新这个合并区域，最后一个参数传FALSE表示不擦除背景
    InvalidateRect(hwnd, &updateRect, FALSE);
    return 0;
}

这个方法和上面的禁用背景擦除配合使用，效果会更好。

3. 双缓冲绘制（终极解决方案） #

如果上面两个方法还不够，就用双缓冲——先在内存里把整个画面绘制完成，再一次性复制到窗口上，彻底避免逐元素绘制的闪烁：

case WM_PAINT:
{
    PAINTSTRUCT ps;
    HDC hdc = BeginPaint(hwnd, &ps);
    
    // 1. 创建兼容内存DC和内存位图（和窗口大小一致）
    RECT clientRect;
    GetClientRect(hwnd, &clientRect);
    int winWidth = clientRect.right - clientRect.left;
    int winHeight = clientRect.bottom - clientRect.top;
    
    HDC memDC = CreateCompatibleDC(hdc);
    HBITMAP memBitmap = CreateCompatibleBitmap(hdc, winWidth, winHeight);
    HBITMAP oldBitmap = (HBITMAP)SelectObject(memDC, memBitmap);
    
    // 2. 用GDI+在内存位图上绘制完整画面
    Graphics g(memDC);
    // 先绘制背景（比如白色，替换成你需要的背景）
    g.Clear(Color::White);
    // 绘制移动的矩形
    g.DrawRectangle(&Pen(Color::Red, 2), rectX, rectY, 50, 50);
    
    // 3. 把内存里的画面一次性复制到窗口DC
    BitBlt(hdc, 0, 0, winWidth, winHeight, memDC, 0, 0, SRCCOPY);
    
    // 4. 清理资源，避免内存泄漏
    SelectObject(memDC, oldBitmap);
    DeleteObject(memBitmap);
    DeleteDC(memDC);
    
    EndPaint(hwnd, &ps);
    return 0;
}

双缓冲是GDI/GDI+动画的标准解决方案，几乎能消除所有闪烁，但需要注意资源的正确释放，避免内存泄漏。

推荐尝试顺序 #

先试方案1+方案2，这两个修改最少，见效最快；如果还是有轻微闪烁，再加上方案3的双缓冲，就能实现完全平滑的动画了。

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