11

内に位置に依存するズームを実装しようとしてい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);
    }       
  }
}
4

4 に答える 4

8

これをテストしたところ、うまくいくようです...

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、マウス カーソルの下に戻すだけです。

于 2010-04-09T05:27:57.613 に答える
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);
}
于 2010-04-09T16:30:41.817 に答える
1

MouseWheelListenerは、カーソルを見つけてJScrollPaneの中央に移動し、表示するコンテンツのxmin/yminとxmax/ymaxを調整する必要もあります。

于 2008-09-22T14:34:10.813 に答える
1

このような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();
}

編集：いくつかのことを変更しました。

于 2010-04-08T07:55:09.600 に答える