如何使面板以编程方式滚动以显示其自动调整大小的图片框

Question

我将图片框设置为“自动大小”，以便图像强制其增长到图像的完整尺寸。

图片框位于面板中，autoScroll = true，这样当图片大于面板时就会出现滚动条。

当用户单击图像上的拖动时，如何以编程方式滚动面板，从而重新定位图像。

我尝试使用 MouseMove 事件，捕获鼠标的最后 X 和 Y 位置，计算鼠标移动了多少，并调整面板的垂直和水平滚动值。

确实会移动图像，但它会到处跳跃，并且无法预测地滚动。

我怎样才能实现这个目标？

这是我的鼠标事件中的内容...

private void pictureBox1_MouseMove(object sender, MouseEventArgs e)
{
    if (dragging)
    {
        if (e.Button == MouseButtons.Left)
        {
            // move the image inverse to direction dragged
            int horizontalChange = (e.X - startingX) * -1;  
            int newHorizontalPos = panel1.HorizontalScroll.Value + horizontalChange;

            if (newHorizontalPos < panel1.HorizontalScroll.Minimum)
            {
                newHorizontalPos = panel1.HorizontalScroll.Minimum;
                horizontalChange = 0;
            }

            if (newHorizontalPos > panel1.HorizontalScroll.Maximum)
            {
                newHorizontalPos = panel1.HorizontalScroll.Maximum;
                horizontalChange = 0;
            }

            panel1.HorizontalScroll.Value = newHorizontalPos;

            int verticalChange = (e.Y - startingY);
            // move the image inverse to direction dragged
            int newverticalPos = panel1.VerticalScroll.Value + verticalChange * -1;  

            if (newverticalPos < panel1.VerticalScroll.Minimum)
            {
                newverticalPos = panel1.VerticalScroll.Minimum;
                verticalChange = 0;
            }

            if (newverticalPos > panel1.VerticalScroll.Maximum)
            {
                newverticalPos = panel1.VerticalScroll.Maximum;
                verticalChange = 0;
            }

            panel1.VerticalScroll.Value = newverticalPos;
        }
    }

    startingX = e.X;
    startingY = e.Y;
}

是我的逻辑错误还是我对面板滚动功能的理解错误？

Answer 1

它是跳跃的，因为滚动面板的行为会导致鼠标位置偏离滚动量。您可以像这样获取“真实”鼠标位置（相对于面板的左上角）：

  Point realPos = new Point(e.X + panel1.AutoScrollPosition.X,
    e.Y + panel1.AutoScrollPosition.Y);

假设图片框的 Location 属性为 (0, 0)。滚动面板的最佳方法是设置其 AutoScrollPosition 属性。

Answer 2

我相信您的直觉是正确的，但您的错误是尝试调整滚动条而不是在可滚动面板内移动 PictureBox。

您应该拦截 MouseMove 并通过鼠标移动增量调整 PictureBox 的 Location 属性 - 滚动条应该自动更新以反映图像在其中的新位置。

更新您的代码将类似于以下内容（未经测试）：（

private void pictureBox1_MouseMove(object sender, MouseEventArgs e)
{
    if (dragging)
    {
        if (e.Button == MouseButtons.Left)
        {
            int horizontalChange = (e.X - startingX) * -1;  // move the image inverse to direction dragged

            int verticalChange = (e.Y - startingY);

            pictureBox1.Left += horizontalChange;
            pictureBox1.Top += verticalChange;
        }
    }

    startingX = e.X;
    startingY = e.Y;
}

此外，我倾向于在拖动开始时记录起始鼠标和 PictureBox 位置，并相对于每个 MouseMove 事件上的此起始位置更新它们，而不是增量如上面的代码所示进行更改（以及您的原始代码）。这样做的原因是，无论出于何种原因，如果有任何意外的值，那么这只会导致暂时的影响 - 下一个好的事件将自我纠正。）

Answer 3

您可以在MouseMove事件中设置面板的AutoScrollPosition。经过测试并且工作正常。

panel1.AutoScrollPosition = new Point(-panel1.AutoScrollPosition.X - e.X + startPoint.X, -panel1.AutoScrollPosition.Y - e.Y + startPoint.Y);