在面板内放大和缩小

Question

我有一个面板，其中一些 2D 对象正在移动。我已根据需要重写了paintComponent()。现在我希望能够放大和缩小该区域。放大时，会出现滚动条，通过滚动条可以查看整个字段。放大和缩小时，2D 对象的尺寸应相应增大或减小。哪个 Swing 组件或者组件组合将有助于实现这一目标？

Answer 1

最简单的方法是修改面板并引入双精度来指示缩放级别。该双精度值表示您的比例，其中 1 为正常比例，更高为放大比例。您可以在 paintComponent 中将该双精度值与 Graphics2D 一起使用。

例如：

Graphics2D g2 = (Graphics2D) g;
int w = // real width of canvas
int h = // real height of canvas
// Translate used to make sure scale is centered
g2.translate(w/2, h/2);
g2.scale(scale, scale);
g2.translate(-w/2, -h/2);

对于滚动，将面板放入 JScrollPane 中，并将其与也使用缩放比例的 getPreferredSize 结合起来。 JScrollPane 使用您放入其中的组件的首选大小。如果首选大小超过其自身大小，它将显示滚动条。

如果您更改面板的首选大小，以便缩放它返回的宽度和高度，您应该没问题。基本上你可以返回类似的东西：

return new Dimension(w * scale, h * scale)

Answer 2

我知道这个问题已经很老了，但我想我可以发布我的解决方案，以防它对将来的某人有用。

因此，我创建了一个扩展 JPanel 的类，该类实现了 MouseWheelListener，以便检测用户何时滚动鼠标。我的类还监听拖动，以便在用户单击和拖动时移动内容。

代码说明

首先，在构造函数中，您必须将其设置为 MouseWheelListener

 addMouseWheelListener(this);

对于放大和缩小，我使用了布尔型 zoomer （指示用户何时滚动鼠标）和两个双精度 zoomFactor （保留对象大小相乘的当前系数）和 prevZoomFactor （用于先前的缩放系数）。

private double zoomFactor = 1;
private double prevZoomFactor = 1;
private boolean zoomer;

我还重写了 JPanel 的 paint() 方法，其中（在绘制任何内容之前）当用户缩放 (zoomer=true) 时，我按 缩放图形>缩放因子。代码：

@Override
public void paint(Graphics g) {
    super.paint(g);
    Graphics2D g2 = (Graphics2D) g;
    if (zoomer) {
        AffineTransform at = new AffineTransform();
        at.scale(zoomFactor, zoomFactor);
        prevZoomFactor = zoomFactor;
        g2.transform(at);
        zoomer = false;
    }
    // All drawings go here
}

最后，我重写 MouseWheelListener 的 mouseWheelMoved 方法，在该方法中，我增加 zoomFactor （如果用户向上滚动）或减小 zoomFactor >（如果用户向下滚动）。代码：

@Override
public void mouseWheelMoved(MouseWheelEvent e) {
    zoomer = true;
    //Zoom in
    if (e.getWheelRotation() < 0) {
        zoomFactor *= 1.1;
        repaint();
    }
    //Zoom out
    if (e.getWheelRotation() > 0) {
        zoomFactor /= 1.1;
        repaint();
    }
}

---

工作示例

如果您还想使用拖动功能并希望根据鼠标的位置进行缩放，则可以使用下面的类，该类在构造函数中获取 BufferedImage 作为参数，以便在屏幕上显示某些内容。

我还在 GitHub 上上传了一个名为 Zoomable-Java-Panel 其中有一个我上面展示的功能示例，您可以测试并查看如何将其实现到项目中。

package zoomable.panel;

import java.awt.Graphics;
import java.awt.Graphics2D;
import java.awt.MouseInfo;
import java.awt.Point;
import java.awt.event.MouseEvent;
import java.awt.event.MouseListener;
import java.awt.event.MouseMotionListener;
import java.awt.event.MouseWheelEvent;
import java.awt.event.MouseWheelListener;
import java.awt.geom.AffineTransform;
import java.awt.image.BufferedImage;
import javax.swing.JPanel;

/**
 *
 * @author Thanasis1101
 * @version 1.0
 */
public class MainPanel extends JPanel implements MouseWheelListener, MouseListener, MouseMotionListener {

    private final BufferedImage image;

    private double zoomFactor = 1;
    private double prevZoomFactor = 1;
    private boolean zoomer;
    private boolean dragger;
    private boolean released;
    private double xOffset = 0;
    private double yOffset = 0;
    private int xDiff;
    private int yDiff;
    private Point startPoint;

    public MainPanel(BufferedImage image) {

        this.image = image;
        initComponent();

    }

    private void initComponent() {
        addMouseWheelListener(this);
        addMouseMotionListener(this);
        addMouseListener(this);
    }

    @Override
    public void paint(Graphics g) {
        super.paint(g);

        Graphics2D g2 = (Graphics2D) g;

        if (zoomer) {
            AffineTransform at = new AffineTransform();

            double xRel = MouseInfo.getPointerInfo().getLocation().getX() - getLocationOnScreen().getX();
            double yRel = MouseInfo.getPointerInfo().getLocation().getY() - getLocationOnScreen().getY();

            double zoomDiv = zoomFactor / prevZoomFactor;

            xOffset = (zoomDiv) * (xOffset) + (1 - zoomDiv) * xRel;
            yOffset = (zoomDiv) * (yOffset) + (1 - zoomDiv) * yRel;

            at.translate(xOffset, yOffset);
            at.scale(zoomFactor, zoomFactor);
            prevZoomFactor = zoomFactor;
            g2.transform(at);
            zoomer = false;
        }

        if (dragger) {
            AffineTransform at = new AffineTransform();
            at.translate(xOffset + xDiff, yOffset + yDiff);
            at.scale(zoomFactor, zoomFactor);
            g2.transform(at);

            if (released) {
                xOffset += xDiff;
                yOffset += yDiff;
                dragger = false;
            }

        }

        // All drawings go here

        g2.drawImage(image, 0, 0, this);

    }

    @Override
    public void mouseWheelMoved(MouseWheelEvent e) {

        zoomer = true;

        //Zoom in
        if (e.getWheelRotation() < 0) {
            zoomFactor *= 1.1;
            repaint();
        }
        //Zoom out
        if (e.getWheelRotation() > 0) {
            zoomFactor /= 1.1;
            repaint();
        }
    }

    @Override
    public void mouseDragged(MouseEvent e) {
        Point curPoint = e.getLocationOnScreen();
        xDiff = curPoint.x - startPoint.x;
        yDiff = curPoint.y - startPoint.y;

        dragger = true;
        repaint();

    }

    @Override
    public void mouseMoved(MouseEvent e) {
    }

    @Override
    public void mouseClicked(MouseEvent e) {

    }

    @Override
    public void mousePressed(MouseEvent e) {
        released = false;
        startPoint = MouseInfo.getPointerInfo().getLocation();
    }

    @Override
    public void mouseReleased(MouseEvent e) {
        released = true;
        repaint();
    }

    @Override
    public void mouseEntered(MouseEvent e) {

    }

    @Override
    public void mouseExited(MouseEvent e) {

    }

}