Scrollbar - Bild - paint-Methode - zoom

[Kiola]

Hallo,

ich habe ein Panel, in das ich mit der paintComponent-Methode ein Bild male. Auf dieses Bild zeichne ich mit drawLine Linien ein. Jetzt möchte ich zoomen, was auch schon funktioniert.
Jedoch kriege ich die Scrollbar nicht richtig eingebaut und wie ich realisieren soll, dass die eingezeichneten Linien nach dem Zoomen auch an der gleichen Stelle wie vorher sind, habe ich auch noch nicht hinbekommen. Mit stroke habe ich die Linienstärke vergrößert, aber da kann man auch nur ganze zahlen übergeben...
Jetzt ist meine Frage, ob das generell überhaupt möglich ist, wenn ich die paint-Methode verwende?
Und wenn ja wie..

Viele Grüße,
Kiola

 

[Geeeee]

Dein Panel packste dann einfach in eine Scrollpane und dann ein set(Preferred)Size() aufrufen auf dem Panel. Dann klappts eigentlich auch mit den Scrollbars.

Für das Linienzeichnen brauchste eigentlich ja auch nur einen zoomFactor

private double zoomFactor = 1;
   
public void setZoomFactor(double zoomFactor) {
    this.zoomFactor = zoomFactor;
}
    
@Override
protected void paintComponent(Graphics g) {
    super.paintComponent(g);
    Graphics2D gg = (Graphics2D) g;
    gg.setColor(Color.RED);
    gg.drawLine((int)(10*zoomFactor), (int)(10*zoomFactor), (int)(100*zoomFactor), (int)(100*zoomFactor));
}

 

[Kiola]

hatte mir eine Testklasse geschrieben, in der auch alles funktioniert hat:

public class Test extends JPanel{
	private Image image;
	public Test(){
		JFrame frame = new JFrame();
        frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
       	this.setPreferredSize(new Dimension(1000, 1000));
        this.setBorder(BorderFactory.createEmptyBorder(20, 20, 20, 20));
		try{
			image = ImageIO.read(getClass().getResource("background.bmp"));
		} catch(IOException e){
			e.printStackTrace();
		}

        JScrollPane contentPane = new JScrollPane(this);
        contentPane.setPreferredSize(new Dimension(250, 250));
        frame.getContentPane().add(contentPane);
        frame.pack();
        frame.setVisible(true);
      
	}
	
	
	
	
	public void paintComponent(Graphics g){
        super.paintComponent(g);
//        ImageIcon i = new ImageIcon(image);
//        Graphics2D g2 = (Graphics2D)g.create();
//        Insets inset = this.getInsets();
//        i.paintIcon(this, g2, 0, 0);
////        i.paintIcon(this, g2,  i.getIconWidth() + inset.left, i.getIconHeight() + inset.top);
//        g2.dispose();
        g.drawImage(image, 0, 0, null);
    }

	public static void main(String[] args){
		new Test();
	}

}

als ich das dann in meinem Programm umsetzen wollte, welches auch so aufgebaut ist (extends JPanel etc...) hat das ganze nicht mehr funktioniert. Mir ist nur aufgefallen, dass die Zeile: contentPane.setPreferredSize(new Dimension(250, 250)); keine Wirkung hatte.
Dann habe ich setPreferredSize auf das JPanel aufgerufen und schon hat es funktioniert =)))
echt komisch...

Einen Zoomfaktor habe ich schon eingefügt. Das Problem ist nur, dass wenn man zoomt, gehen Teile aus dem Panel raus...
weiß jemand woran das liegen könnte?
und bei der Methode g.setStroke(new BasicStroke(int i)), wird leider ein int Wert erwartet, d.h. ich kann die Linienstärke nicht zb. um den Faktor 1,5 erhöhen.

Viele Grüße, Kiola

 

[Geeeee]

Das Problem ist nur, dass wenn man zoomt, gehen Teile aus dem Panel raus...

???:L Verstehe ich gerade überhaupt nicht, was du meinst.
Evtl. in Bezug auf die ScrollPane, dass da noch keine Balken kommen?! -> repaint() nach setPreferredSize() oder einfach setSize() <-- erzwingt auch das updaten.

 

[Kiola]

nee also ich habe ein Bild in einem Panel mit Scrollbalken.
wenn ich jetzt auf "zoom in" klicke, wird der ausschnitt vergrößert, ich kann auch noch weiterhin scrollen, aber die Gesamtgröße des Bildes ist die gleiche geblieben, d.h. er hat Teile des Bildes abgeschnitten (links, rechts, oben, unten)

 

[Kiola]

also mein Zoomen sieht in etwa so aus:

zoomInButton.addActionListener(new ActionListener(){
              public void actionPerformed(ActionEvent e) {
                  if(scaleFactor < 3.5){
                      scaleFactor += 0.25;                            
                      repaint();                
                }

              }                 
        });

Ausschnitt aus der paintComponent:

protected void paintComponent(Graphics g){
		super.paintComponent(g);
		g2D = (Graphics2D) g;
        final Dimension panelSize = getSize();
        final int width = panelSize.width;
        final int height = panelSize.height;
        final int imageWidth = (int) (image.getWidth() * scaleFactor);
        final int imageHeight = (int) (image.getHeight() * scaleFactor);
        final int imageX = width/2 - imageWidth/2;
        final int imageY = height/2 - imageHeight/2;

		image1 = image.getScaledInstance(imageWidth, imageHeight, Image.SCALE_SMOOTH);
		g2D.drawImage(image1, imageX, imageY, null);

 

[Geeeee]

ahh..nun verstanden.
Also das problem ist ja, dass dein ScaledImage "nur" so groß ist, wie dass, was du angibst.
Genau das "Gegenteil" von dem was du gerade machst. Also du machst das Bild ja halb so groß und stretcht es in die Pane. Nun das Bild einfach auf ein doppelt so großes Panel malen.

 

[Kiola]

achso....
also einfach vorm "drawImage" nochmal setpreferredSize von dem Panel aufrufen...
macht Sinn =)
Nur leider scheint getScaledInstance furchtbar langsam zu sein.... wenn ich nachm zoomen scrollen will, ruckelt es total..

 

[Geeeee]

Du könntest ja das Scaled Image schon "vorbereiten". Also einmal anlegen und dann dir einfach in der paintComponent holen. Ist ja auch irgendwie unlogisch bei jedem Paint das Bild neu zu erstellen.
Da hab ich vorher gar nicht drauf geachtet gehabt.

 

[Kiola]

also das Problem mit dem Ruckeln habe ich mittlerweile gelöst. Habe gelesen, dass getScaledInstance veraltet ist und deswegen folgendes AUSSERHALB der paintcomponent gemacht:

 int iWidth = ( int ) ( image.getWidth(null)*scaleFactor );
              	    int iHeight = ( int ) ( image.getHeight(null)*scaleFactor );
              		
              	    // create a BufferedImage instance
              	    bufferedImage = new BufferedImage( iWidth, iHeight, BufferedImage.TYPE_INT_RGB );
              	    RootPatch.this.setPreferredSize(new Dimension(bufferedImage.getWidth(RootPatch.this),bufferedImage.getHeight(RootPatch.this)));
              	    contentPane.repaint();
              	    contentPane.validate();
//                  contentPane.setPreferredSize(new Dimension(250, 250));
              	    extension.getContentPane().add(contentPane, BorderLayout.CENTER);
              	    validate();
                    repaint();

aber leider habe ich schon wieder ein neues Problem mit den Scrollbalken^^
wenn ich einmal auf zoomen gehen, verändern sich diese nicht, erst wenn ich auf den Rand des Fensters klicke, aktualisieren sie sich....
hatte das Problem schon öfters und meine mich zu erinnern, dass ein validate dann immer ausgereicht hat, aber hier anscheinend nicht..

 

[Kiola]

Problem gelöst mit:

scrollPane.setViewportView(panel);