WinForms动画移动控件经过透明图像时图像被擦除问题求助

所用的透明图像实现是WinForm原生的伪透明方案：控件通过捕获父容器背景绘制到自身表面来模拟透明效果，不支持真正的alpha分层渲染。
当上层滑动的PictureBox移动时，Windows只会向滑动控件自身的新旧显示区域发送重绘通知，不会自动触发下方透明控件对应区域的重绘逻辑。滑动控件移走后，被它覆盖过的透明控件区域没有重新执行绘制流程，就会出现像素缺失、类似被擦除的现象。

最小改动方案：移动控件时强制重绘透明控件受影响区域 #

不需要修改原有透明控件的实现逻辑，只需要在滑动动画每次更新控件位置时，计算滑动控件经过的区域，强制透明控件重绘这部分区域即可。
修改后的滑动方法代码如下，调用时额外传入透明图像控件的引用即可：

public static void SlideToDestination(Control destination, Control control, Control transparentImageControl, int delay, Action onFinish)
{
    control.BringToFront();
    new Task(() =>
    {
        int curX = control.Left + (control.Width / 2);
        int curY = control.Bottom - (control.Height / 2);
        int desX = destination.Left + (destination.Width / 2);
        int desY = destination.Bottom - (destination.Height / 2);

        int directionX = desX > curX ? 1 : -1;
        int directionY = desY > curY ? 1 : -1;


        while (curX != desX || curY != desY)
        {
            try
            {
                if (curX != desX || curY != desY)
                {
                    control.Invoke((Action)delegate ()
                    {
                        // 记录移动前控件的位置区域
                        Rectangle beforeMoveBounds = control.Bounds;
                        if (curX != desX)
                        {
                            control.Left += directionX;
                        }
                        if (curY != desY)
                        {
                            control.Top += directionY;
                        }
                        // 合并移动前后的区域，得到需要重绘的总范围，边缘膨胀2像素避免遗漏
                        Rectangle invalidArea = Rectangle.Union(beforeMoveBounds, control.Bounds);
                        invalidArea.Inflate(2, 2);
                        // 强制透明控件重绘受影响区域
                        transparentImageControl.Invalidate(invalidArea, true);
                        transparentImageControl.Update();
                    });
                }
                Thread.Sleep(delay);
            }
            catch
            {
                // 窗体已释放时直接退出循环
                break;
            }
            curX = control.Left + (control.Width / 2);
            curY = control.Bottom - (control.Height / 2);
        }

        onFinish?.Invoke();

    }).Start();
}

• 这个方案只重绘滑动控件经过的最小区域，性能损耗极低，不会造成明显卡顿。
• 如果有多个透明控件在滑动路径上，把这些控件都加入重绘逻辑即可。

优化项：开启双缓冲解决重绘闪烁 #

如果动画过程中出现画面闪烁，可以在窗体构造函数中开启双缓冲：

public YourForm()
{
    InitializeComponent();
    // 开启窗体双缓冲
    this.DoubleBuffered = true;
}

也可以在自定义透明控件的构造函数中开启自身双缓冲，进一步降低闪烁。

长期方案：换用真透明渲染实现 #

如果后续界面动画元素多、绘制逻辑复杂，WinForm原生伪透明方案会持续遇到各类绘制异常，可以考虑两种升级方向：

• 界面层改用WPF实现，原生支持透明和动画渲染，不需要手动处理重绘逻辑
• WinForm下通过分层窗口API（WS_EX_LAYERED）实现真透明控件，不过改动量较大，适合对渲染效果要求高的场景

• 移动前正常显示效果：
  
• 修复前移动后异常擦除效果：
  

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