WinForms中Panel内缩放PictureBox时滚动跟随鼠标位置的问题

我在WinForms的Panel控件中放置了一个PictureBox，目前无法实现PictureBox缩放时Panel的滚动条跟随鼠标位置。默认将PictureBox置于Panel中间，但当pictureBox1.Width > panel1.Width时，会将其位置设置为(0,0)。

现有代码 #

全局变量与鼠标滚轮事件 #

public float scaleModification = 1f;

private void PictureBox1_MouseWheel(object sender, MouseEventArgs e)
{
    if (ModifierKeys.HasFlag(Keys.Control))
    {
        setPictureToLocationZero();
        if (e.Delta > 0)
        {
            scaleModification *= 1.1f;
            pictureBox1.Scale(new SizeF(1.1f, 1.1f));
        }
        else
        {
            scaleModification *= 0.9f;
            pictureBox1.Scale(new SizeF(0.9f, 0.9f));
        }
        setPanelScroll(new PointF(e.X, e.Y));
    }
}

滚动位置设置方法 #

private void setPanelScroll(PointF mousePos)
{
    //panel1.ScrollControlIntoView(pictureBox1);
    var p = panel1.AutoScrollPosition;
    p.X = -p.X;
    p.Y = -p.Y;
    p.X += (int)((mousePos.X * scaleModification) - mousePos.X) ;
    p.Y += (int)((mousePos.Y * scaleModification) - mousePos.Y);
    panel1.AutoScrollPosition = new Point(p.X,p.Y);
}

PictureBox尺寸变化事件与位置调整方法 #

private void pictureBox1_SizeChanged(object sender, EventArgs e)
{
    if (pictureBox1.Width > panel1.Width)
    {
        setPictureToLocationZero();
    }
    else
    {
        setPictureToMiddle();
    }
}

private void setPictureToLocationZero()
{
    pictureBox1.Location = new Point(0, 0);
}

private void setPictureToMiddle()
{
    int x = (panel1.Width - pictureBox1.Width) / 2;
    int y = (panel1.Height - pictureBox1.Height) / 2;
    pictureBox1.Location = new Point(x,y);
}

解决方案 #

核心问题在于计算滚动偏移时，未考虑鼠标在Panel坐标系中的真实位置，以及缩放前后鼠标相对于PictureBox的锚点偏移。以下是修正后的实现：

1. 修正鼠标滚轮事件与缩放逻辑 #

以鼠标在PictureBox内的点为锚点，确保缩放后该点始终处于鼠标下方，同时精确计算滚动偏移：

public float scaleModification = 1f;

private void PictureBox1_MouseWheel(object sender, MouseEventArgs e)
{
    if (!ModifierKeys.HasFlag(Keys.Control)) return;

    // 获取鼠标在PictureBox内的相对坐标（缩放前）
    PointF mouseInPic = new PointF(e.X, e.Y);
    // 转换为Panel坐标系中的绝对坐标
    PointF mouseInPanel = pictureBox1.PointToScreen(mouseInPic);
    mouseInPanel = panel1.PointToClient(mouseInPanel);

    // 计算缩放比例
    float scaleFactor = e.Delta > 0 ? 1.1f : 0.9f;
    scaleModification *= scaleFactor;

    // 记录缩放前后的PictureBox尺寸
    SizeF oldSize = pictureBox1.Size;
    pictureBox1.Scale(new SizeF(scaleFactor, scaleFactor));
    SizeF newSize = pictureBox1.Size;

    // 计算锚点偏移：缩放后鼠标在PictureBox内的相对位置需保持一致
    float offsetX = mouseInPic.X * (newSize.Width / oldSize.Width - 1);
    float offsetY = mouseInPic.Y * (newSize.Height / oldSize.Height - 1);

    // 调整Panel滚动位置
    Point currentScroll = new Point(-panel1.AutoScrollPosition.X, -panel1.AutoScrollPosition.Y);
    currentScroll.X += (int)offsetX;
    currentScroll.Y += (int)offsetY;
    panel1.AutoScrollPosition = new Point(currentScroll.X, currentScroll.Y);

    // 处理PictureBox位置逻辑
    if (pictureBox1.Width > panel1.Width || pictureBox1.Height > panel1.Height)
    {
        pictureBox1.Location = new Point(0, 0);
    }
    else
    {
        setPictureToMiddle();
    }
}

2. 调整PictureBox尺寸变化事件 #

移除自动设置位置为(0,0)的逻辑，避免与缩放事件的位置处理冲突：

private void pictureBox1_SizeChanged(object sender, EventArgs e)
{
    if (pictureBox1.Width <= panel1.Width && pictureBox1.Height <= panel1.Height)
    {
        setPictureToMiddle();
    }
}

关键说明 #

• 锚点缩放：以鼠标在PictureBox内的点为基准，确保缩放后该点始终在鼠标下方
• 坐标转换：通过PointToScreen和PointToClient确保跨控件的坐标计算准确
• 滚动修正：基于缩放前后的锚点偏移量，直接调整Panel的滚动位置，实现跟随效果

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