JScrollPane 내에서 위치에 따른 확대/축소를 어떻게 구현합니까?
-
02-07-2019 - |
문제
내부에서 위치 감지 확대/축소를 구현하려고 합니다. 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);
}
}
}
해결책
테스트해본 결과 작동하는 것 같습니다...
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
마우스 커서 아래로 돌아갑니다.
다른 팁
@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);
}
또한 MouseWheelListener는 커서를 찾아서 JScrollPane의 중앙으로 이동하고 표시할 콘텐츠의 xmin/ymin 및 xmax/ymax를 조정해야 합니다.
내 생각엔 이런 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();
}
편집하다:몇 가지를 변경했습니다.