JScrollPane - 相对于鼠标位置进行缩放

Question

我需要在放大图像时计算视口的新位置。

UI构建如下：

• ImagePanel绘制图像
• ImagePanelWrapper是围绕imagePanel
的JPanel
• JScrollPane包含ImagePanelWrapper

放大或缩小时，会更改ImagePanel的缩放系数，并重新计算ImagePanel的首选大小。因此，即使ImagePanel停留在相同的视口点，此面板上的图像也会移动。

当用户按住CTRL并使用鼠标滚轮时，将调用以下方法。给定的点是MouseWheelListener提供的光标位置。使用这些方法的功能，当放大或缩小时，图像已经停留在相同的左上角位置。

问题在于我无法弄清楚如何相对于鼠标移动，例如Paint.NET。有什么想法吗？

/**
 * 
 */
public void zoomOut(Point point) {
    this.imagePanel.setZoom(this.imagePanel.getZoom() * 0.9f);
    Point pos = this.getViewport().getViewPosition();

    int newX = (int) (pos.x * 0.9f);
    int newY = (int) (pos.y * 0.9f);
    this.getViewport().setViewPosition(new Point(newX, newY));

    this.imagePanel.revalidate();
    this.imagePanel.repaint();
}

/**
 * 
 */
public void zoomIn(Point point) {
    this.imagePanel.setZoom(this.imagePanel.getZoom() * 1.1f);
    Point pos = this.getViewport().getViewPosition();

    int newX = (int) (pos.x * 1.1f);
    int newY = (int) (pos.y * 1.1f);
    this.getViewport().setViewPosition(new Point(newX, newY));

    this.imagePanel.revalidate();
    this.imagePanel.repaint();
}

Answer 1

如果这些假设成立：

• 提供的Point相对于视口的左上角。
• 视口的尺寸小于底层的ImagePanel。

然后可以调整视口，以便在缩放操作之前和之后光标位于图像中的同一点上，如果按以下方式移动：

 /**
 * 
 */
public void zoomOut(Point point) {
    this.imagePanel.setZoom(this.imagePanel.getZoom() * 0.9f);
    Point pos = this.getViewport().getViewPosition();

    int newX = (int)(point.x*(0.9f - 1f) + 0.9f*pos.x);
    int newY = (int)(point.y*(0.9f - 1f) + 0.9f*pos.y);
    this.getViewport().setViewPosition(new Point(newX, newY));

    this.imagePanel.revalidate();
    this.imagePanel.repaint();
}

/**
 * 
 */
public void zoomIn(Point point) {
    this.imagePanel.setZoom(this.imagePanel.getZoom() * 1.1f);
    Point pos = this.getViewport().getViewPosition();

    int newX = (int)(point.x*(1.1f - 1f) + 1.1f*pos.x);
    int newY = (int)(point.y*(1.1f - 1f) + 1.1f*pos.y);
    this.getViewport().setViewPosition(new Point(newX, newY));

    this.imagePanel.revalidate();
    this.imagePanel.repaint();
}

以下是完整性的数学计算：

Answer 2

您应该能够使用point.x和point.y获取鼠标指针的位置 - 请参阅Point文档here。根据{{​​1}}文档here，MouseMotionEvent和point.x相对于鼠标下的组件（point.y）。

您可以将这些值合并到计算中。这有点像你在找什么？