JScrollPane 내에서 위치에 따른 확대/축소를 어떻게 구현합니까?

Question

내부에서 위치 감지 확대/축소를 구현하려고 합니다. JScrollPane.그만큼 JScrollPane 사용자 정의된 구성 요소가 포함되어 있습니다. paint 할당된 공간 내부에 스스로 그려지므로 확대/축소는 MouseWheelListener 필요에 따라 내부 구성요소의 크기를 조정합니다.

그러나 또한 결과 확대(또는 축소) 보기 내에서 해당 지점을 가능한 한 중앙에 유지하기 위해 지점을 확대(또는 축소)하고 싶습니다(이것을 '위치 감지' 확대/축소라고 합니다). Google 지도에서 확대/축소가 작동하는 방식에 대해 알아보세요.나는 이것이 이전에 여러 번 수행되었다고 확신합니다. Java Swing에서 이를 수행하는 "올바른" 방법을 아는 사람이 있습니까?가지고 노는 게 낫지 않을까? Graphic2D를 사용하는 대신 의 변환 JScrollPanes?

샘플 코드는 다음과 같습니다.

package test;

import java.awt.*;
import java.awt.event.*;
import java.awt.geom.*;
import javax.swing.*;

public class FPanel extends javax.swing.JPanel {

private Dimension preferredSize = new Dimension(400, 400);    
private Rectangle2D[] rects = new Rectangle2D[50];

public static void main(String[] args) {        
    JFrame jf = new JFrame("test");
    jf.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
    jf.setSize(400, 400);
    jf.add(new JScrollPane(new FPanel()));
    jf.setVisible(true);
}    

public FPanel() {
    // generate rectangles with pseudo-random coords
    for (int i=0; i<rects.length; i++) {
        rects[i] = new Rectangle2D.Double(
                Math.random()*.8, Math.random()*.8, 
                Math.random()*.2, Math.random()*.2);
    }
    // mouse listener to detect scrollwheel events
    addMouseWheelListener(new MouseWheelListener() {
        public void mouseWheelMoved(MouseWheelEvent e) {
            updatePreferredSize(e.getWheelRotation(), e.getPoint());
        }
    });
}

private void updatePreferredSize(int n, Point p) {
    double d = (double) n * 1.08;
    d = (n > 0) ? 1 / d : -d;
    int w = (int) (getWidth() * d);
    int h = (int) (getHeight() * d);
    preferredSize.setSize(w, h);
    getParent().doLayout();
    // Question: how do I keep 'p' centered in the resulting view?
}

public Dimension getPreferredSize() {
    return preferredSize;
}

private Rectangle2D r = new Rectangle2D.Float();
public void paint(Graphics g) {
    super.paint(g);
    g.setColor(Color.red);
    int w = getWidth();
    int h = getHeight();
    for (Rectangle2D rect : rects) {
        r.setRect(rect.getX() * w, rect.getY() * h, 
                rect.getWidth() * w, rect.getHeight() * h);
        ((Graphics2D)g).draw(r);
    }       
  }
}

Answer 1

테스트해본 결과 작동하는 것 같습니다...

private void updatePreferredSize(int n, Point p) {
    double d = (double) n * 1.08;
    d = (n > 0) ? 1 / d : -d;

    int w = (int) (getWidth() * d);
    int h = (int) (getHeight() * d);
    preferredSize.setSize(w, h);

    int offX = (int)(p.x * d) - p.x;
    int offY = (int)(p.y * d) - p.y;
    setLocation(getLocation().x-offX,getLocation().y-offY);

    getParent().doLayout();
}

업데이트

설명은 다음과 같습니다.요점 p 는 마우스를 기준으로 한 마우스의 위치입니다. FPanel.패널의 크기를 조정하고 있으므로 p (패널 크기를 기준으로) 동일한 요소로 크기가 조정됩니다.크기가 조정된 위치에서 현재 위치를 빼면 패널 크기가 조정될 때 점이 '이동'하는 정도를 알 수 있습니다.그런 다음 스크롤 창의 패널 위치를 반대 방향으로 같은 양만큼 이동하면 됩니다. p 마우스 커서 아래로 돌아갑니다.

Answer 2

@Kevin K 솔루션의 사소한 리팩토링은 다음과 같습니다.

private void updatePreferredSize(int wheelRotation, Point stablePoint) {
    double scaleFactor = findScaleFactor(wheelRotation);
    scaleBy(scaleFactor);
    Point offset = findOffset(stablePoint, scaleFactor);
    offsetBy(offset);
    getParent().doLayout();
}

private double findScaleFactor(int wheelRotation) {
    double d = wheelRotation * 1.08;
    return (d > 0) ? 1 / d : -d;
}

private void scaleBy(double scaleFactor) {
    int w = (int) (getWidth() * scaleFactor);
    int h = (int) (getHeight() * scaleFactor);
    preferredSize.setSize(w, h);
}

private Point findOffset(Point stablePoint, double scaleFactor) {
    int x = (int) (stablePoint.x * scaleFactor) - stablePoint.x;
    int y = (int) (stablePoint.y * scaleFactor) - stablePoint.y;
    return new Point(x, y);
}

private void offsetBy(Point offset) {
    Point location = getLocation();
    setLocation(location.x - offset.x, location.y - offset.y);
}

Answer 3

또한 MouseWheelListener는 커서를 찾아서 JScrollPane의 중앙으로 이동하고 표시할 콘텐츠의 xmin/ymin 및 xmax/ymax를 조정해야 합니다.

Answer 4

내 생각엔 이런 SMT가 작동해야 할 것 같아...

private void updatePreferredSize(int n, Point p) {
    double d = (double) n * 1.08;
    d = (n > 0) ? 1 / d : -d;
    int w = (int) (getWidth() * d);
    int h = (int) (getHeight() * d);
    preferredSize.setSize(w, h);

    // Question: how do I keep 'p' centered in the resulting view?

    int parentWdt = this.getParent( ).getWidth( ) ;
    int parentHgt = this.getParent( ).getHeight( ) ;

    int newLeft = p.getLocation( ).x - ( p.x - ( parentWdt / 2 ) ) ;
    int newTop = p.getLocation( ).y - ( p.y - ( parentHgt / 2 ) ) ;
    this.setLocation( newLeft, newTop ) ;

    getParent().doLayout();
}

편집하다:몇 가지를 변경했습니다.