java - 鼠标滚轮滚动后计算图表的偏移和缩放

Question

我目前正在开发一个 Java 项目，我需要实现一个可拖动和可缩放的图表。

当前的实现涉及一个图形对象，该对象具有要绘制的预定义点的数组。每当图形想要在屏幕上绘制一个点时，它都会要求“图形转换器”对该点应用仿射变换以获取其在屏幕上的位置。

图形转换器包含 X 和 Y 偏移以及缩放。所以基本上，点 P 将变换如下:

P_x = zoom_x * P_x + offset_x
P_y = zoom_y * P_y + offset_y

当用户拖动图表时偏移量会更新，当用户滚动鼠标滚轮时缩放会更新。

一切都按预期进行。问题是缩放总是相对于图形的原点 (0,0) 应用，这是正常的。但我想做的是应用相对于鼠标位置的缩放。

我已经挠头很久了，我对真实坐标和转换后的坐标有点困惑。

如何在不修改太多代码的情况下实现此功能？

这是我的 Java 方法:

变换点的方法:

public Point transform(Point p) {
    Point transformed = new Point();
    transformed.x = Math.round(Math.round((m_zoom.x * p.x) + m_offset.x));
    transformed.y = Math.round(Math.round((m_zoom.y * p.y) + m_offset.y));
    return transformed;
}

触发鼠标事件时调用的方法:

@Override
public void mousePressed(MouseEvent e) {
    m_pressed = e.getPoint();
    m_lastCalculatedOffset.x = 0;
    m_lastCalculatedOffset.y = 0;
}

@Override
public void mouseDragged(MouseEvent e) {
    Point zoomedDragging = new Point();
    zoomedDragging.x = Math.round(Math.round(e.getX() - m_pressed.x));
    zoomedDragging.y = Math.round(Math.round(e.getY() - m_pressed.y));

    m_offset.x += zoomedDragging.x - m_lastCalculatedOffset.x;
    m_offset.y += zoomedDragging.y - m_lastCalculatedOffset.y;

    m_lastCalculatedOffset.x = zoomedDragging.x;
    m_lastCalculatedOffset.y = zoomedDragging.y;
}

@Override
public void mouseWheelMoved(MouseWheelEvent e) {
    m_zoom.x *= Math.pow(ZOOM_FACTOR, e.getWheelRotation());
    m_zoom.y *= Math.pow(ZOOM_FACTOR, e.getWheelRotation());
}

预先感谢您的帮助:)

Answer 1

好吧，休息一下并在纸质用户图示例上绘制问题后，我设法找到了解决方案:

如果我们将缩放发生时鼠标的位置称为 ZoomP，那么一旦缩放完成，就必须对偏移量进行以下转换:

newOffset_x = oldOffset_x + (1 - (newZoom_x / oldZoom_x)) * (ZoomP_x - oldOffset_x)
newOffset_y = oldOffset_y + (1 - (newZoom_y / oldZoom_y)) * (ZoomP_y - oldOffset_y)

所以这是我更新的 mouseWheelMoved 方法，供感兴趣的人使用:

@Override
public void mouseWheelMoved(MouseWheelEvent e) {
    Point mousePos = e.getPoint();

    Point2D.Double newZoom = new Point2D.Double();
    newZoom.x = m_zoom.x * Math.pow(ZOOM_FACTOR, e.getWheelRotation());
    newZoom.y = m_zoom.y * Math.pow(ZOOM_FACTOR, e.getWheelRotation());

    m_offset.x += Math.round(Math.round((1 - (newZoom.x / m_zoom.x)) * (mousePos.x - m_offset.x)));
    m_offset.y += Math.round(Math.round((1 - (newZoom.y / m_zoom.y)) * (mousePos.y - m_offset.y)));

    m_zoom = newZoom;
}