拖动带透明效果的PictureBox至其他PictureBox的实现问题

问题根源：WinForms中PictureBox的BackColor = Color.Transparent并非真正的透明，它只会将背景透显父控件的内容，而无法透显父控件内的其他同级子控件（比如棋盘方格）。当拖动作为pictureBox1子控件的棋子时，棋子只会显示pictureBox1的背景，而非下方的棋盘方格。

方案一：拖动时临时将棋子移到Form层级（简单高效） #

核心思路：拖动开始时把棋子从pictureBox1的子控件列表中移除，添加到Form的控件列表中；拖动结束后再将棋子放回pictureBox1。这样棋子的透明背景会透显Form的内容（包含pictureBox1棋盘），就能正常显示下方的方格。

实现代码：

首先定义全局变量记录拖动状态：

private PictureBox _draggedPiece;
private Point _mouseOffset; // 鼠标相对于棋子左上角的偏移量

然后绑定棋子的MouseDown、MouseMove、MouseUp事件：

// 鼠标按下时初始化拖动状态
private void CommonPiece_MouseDown(object sender, MouseEventArgs e)
{
    _draggedPiece = sender as PictureBox;
    _mouseOffset = new Point(e.X, e.Y);
    
    // 将棋子从pictureBox1移到Form
    pictureBox1.Controls.Remove(_draggedPiece);
    this.Controls.Add(_draggedPiece);
    _draggedPiece.BringToFront(); // 确保棋子在最上层显示
}

// 鼠标移动时更新棋子位置
private void CommonPiece_MouseMove(object sender, MouseEventArgs e)
{
    if (_draggedPiece != null)
    {
        Point formMousePos = this.PointToClient(Cursor.Position);
        _draggedPiece.Location = new Point(
            formMousePos.X - _mouseOffset.X,
            formMousePos.Y - _mouseOffset.Y
        );
    }
}

// 鼠标松开时结束拖动，将棋子放回pictureBox1
private void CommonPiece_MouseUp(object sender, MouseEventArgs e)
{
    if (_draggedPiece != null)
    {
        // 计算棋子在pictureBox1内的坐标
        Point parentMousePos = pictureBox1.PointToClient(Cursor.Position);
        Point targetPos = new Point(
            parentMousePos.X - _mouseOffset.X,
            parentMousePos.Y - _mouseOffset.Y
        );
        
        // 将棋子移回pictureBox1
        this.Controls.Remove(_draggedPiece);
        pictureBox1.Controls.Add(_draggedPiece);
        _draggedPiece.Location = targetPos;
        
        _draggedPiece = null; // 重置拖动状态
    }
}

方案二：自定义绘制棋子（更灵活） #

如果需要更精细的控制，可以自定义一个继承自Control的棋子控件，重写OnPaint方法直接绘制棋子图像，利用Graphics的透明绘制能力。这种方式可以避免WinForms控件透明的局限性，但需要手动处理绘制逻辑。

示例简化代码：

public class ChessPiece : Control
{
    private Image _pieceImage;
    
    public ChessPiece(Image image)
    {
        _pieceImage = image;
        this.DoubleBuffered = true; // 防止闪烁
        this.Size = image.Size;
    }
    
    protected override void OnPaint(PaintEventArgs e)
    {
        base.OnPaint(e);
        // 绘制透明图像
        e.Graphics.DrawImage(_pieceImage, 0, 0);
    }
}

使用时直接创建ChessPiece实例添加到pictureBox1，拖动逻辑类似，但透明效果会更自然，能正确显示下方的棋盘方格。

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