Zeichnen auf ein Bild und Scrollen

[knl]

Moin,

Ich möchte in meinem Programm ein Bild karte.png anzeigen lassen, welches allerdings größer als das Fenster ist. Außerdem möchte ich Striche usw darauf zeichnen können.

Um es mit Scrollbars anzeigen zu lassen, habe ich es als ImageIcon in ein JLabel gestackt und dann mit einem JScrollpane angezeigt, was auch wunderbar funktioniert hat. Allerdings weiß ich nun nicht, wie ich darauf zeichnen kann. Ich kenne mich nicht gut mit dieser paint geschichte aus und möchte wissen, wie ich es am besten anstelle, dass ich auf dieser Karte jetzt beispielsweise Wege einzeichnen kann. Eignet sich vielleicht ein JPanel besser dafür? Aber wie kann ich Zeichnungen hinzufügen?

 

[Marco13]

Wenn du das Bild als BufferedImage mit ImageIO lädst und selbst in ein JPanel zeichnest, kannst du dir auch mit [c]bufferedImage.getGraphics()[/c] das Graphics des Bildes holen und dort reinzeichnen.

 

[knl]

Edit: Jetzt habe ich es geschafft, die Karte immerhin anzuzeigen Mein Problem ist jetzt nur noch, wie ich so etwas wie ein inline Frame in HTML hinkriege - die Karte soll also in einem Fenster fester Größe mit Scrollbalken angezeigt werden. Habe schon mit JScrollPane herumgespielt, wie unten zu sehen, aber kein vernünftiges Ergebnis bekommen.
Meine Frage ist also, wie ich ein JScrollPane mit fester Größe positioniere, in dem wiederum ein JPanel inklusiv Bild angezeigt wird, auf dem herumgemalt werden kann.

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

public class Karte extends JFrame {

  Image karte_img = Toolkit.getDefaultToolkit().getImage("karte.png");
  JPanel karte = new JPanel();
  JScrollPane scroll_karte = new JScrollPane(karte);

  public Wegfehler(String title) {
    super(title);
    setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
    int frameWidth = 800;
    int frameHeight = 700;
    setSize(frameWidth, frameHeight);
    Dimension d = Toolkit.getDefaultToolkit().getScreenSize();
    int x = (d.width - getSize().width) / 2;
    int y = (d.height - getSize().height) / 2;
    setLocation(x, y);
    Container cp = getContentPane();
    cp.setLayout(null);
    
    karte.setPreferredSize(new Dimension(200,200));
    cp.add(scroll_karte);

    setResizable(false);
    setVisible(true);
  }
  
  public void paint(Graphics g){
    g.drawImage(karte_img,0,0,karte);
  }
  
  public static void main(String[] args) {
    new Wegfehler("Wegberechnung");
  }
}

 

[Marco13]

1. Was ist der Unterschied zwischen BufferedImage, Image und ImageIcon? Was soll ich benutzen?

Ein BufferedImage ist (STARK vereinfacht gesagt) ein Image, das mehr Manipulationsmöglichkeiten bietet - unter anderem, etwas in das Bild reinzuzeichnen... Ein ImageIcon ist eine Component, die "Automatisch" ein Image zeichnet, sich an dessen Größe anpasst usw. - ist aber für deine Zwecke vermutlich weniger geeignet.

2. Worin soll ich es zeichnen? JPanel?
Jo...
3. Wie zeiche ich es dort rein? Mit g.drawImage()?
Hmhm.

Mein Versuch sieht so aus, es wird allerdings nichts angezeigt:

Das kann damit zusammenhängen, dass du setLayout(null) gemacht (und dem DrawingPanel keine Größe gegeben) hast... Sollte man nicht machen

// For [url]http://www.java-forum.org/allgemeine-java-themen/89491-zeichnen-auf-ein-bild-und-scrollen.html#post565765[/url]

import java.awt.*;
import java.awt.image.*;
import java.awt.event.*;
import java.io.*;
import javax.swing.*;
import javax.imageio.*;
import javax.swing.event.*;

public class Karte extends JFrame {

  BufferedImage karte_img = null;
  DrawingPanel karte = null;

  public Karte(String title)
  {
    super(title);

    try
    {
        karte_img = ImageIO.read(new File("image.jpg"));
    }
    catch (IOException e)
    {
        e.printStackTrace();
    }


    Graphics g = karte_img.getGraphics();
    g.drawString("Auf das Bild geschrieben und gemalt", 10, 10);
    g.fillOval(30,30,10,10);


    karte = new DrawingPanel(karte_img);

    setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
    int frameWidth = 800;
    int frameHeight = 700;
    setSize(frameWidth, frameHeight);
    Dimension d = Toolkit.getDefaultToolkit().getScreenSize();
    int x = (d.width - getSize().width) / 2;
    int y = (d.height - getSize().height) / 2;
    setLocation(x, y);
    Container cp = getContentPane();
    cp.setLayout(null);

    cp.add(karte);
    karte.setBounds(0,0,karte_img.getWidth(), karte_img.getHeight());

    setResizable(false);
    setVisible(true);
  }

  public static void main(String[] args) {
    new Karte("Wegberechnung");
  }
}

class DrawingPanel extends JPanel{
  Image img;
  DrawingPanel(Image img){
    this.img = img;
  }
  public void paintComponent(Graphics g){
    super.paintComponent (g);
    g.drawImage(img,0,0,this);
  }
}

 

[knl]

Danke für deine Antwort, so schnell habe ich damit nicht gerechnet Ich habe meinen vorigen Post editiert, mein Bild nun zwar angezeigt wird, mir allerdings der Scrollbalken fehlt <.<

 

[Marco13]

Man sollte NICHT in der paint-Methode eines JFrames rumpfuschen - mach' es so wie vorher, mit dem DrawingPanel, das war schon gut. Für die Scrollsache:

// In der DrawingPanel getPreferredSize überschreiben:

class DrawingPanel extends JPanel{
  Image img;
  DrawingPanel(Image img){
    this.img = img;
  }

  public Dimension getPreferredSize()
  {
     return new Dimension(img.getWidth(), img.getHeight());
  }


  public void paintComponent(Graphics g){
    super.paintComponent (g);
    g.drawImage(img,0,0,this);
  }
}


// Beim Hinzufügen zur ContentPane: (Du solltest dir unbedingt 
// LayoutManager ansehen - im Speziellen sollte man fast nie 
// das "null"-Layout verwenden....

    //cp.setLayout(null); // WEG
    //cp.add(karte); // WEG

    JScrollPane sp = new JScrollPane(karte);
    cp.setLayout(new GridLayout(1,1));
    cp.add(sp);

 

[knl]

Ok, danke für deine Hilfe, die Karte wird jetzt fensterfüllend und mit Scrollbalken angezeigt, da sie ziemlich groß ist. Wie kann ich aber nun die Größe des ScrollPanes ändern? wenn ich

scroll_karte.setPreferredSize(karte.getPreferredSize());

benutze, wird das gesamte Fenster benutzt - und bei

scroll_karte.setBounds(20,20,500,500);

auch - nur ohne Scrollbalken !

 

[Marco13]

Schau dir mal Using Layout Managers (The Java™ Tutorials > Creating a GUI With JFC/Swing > Laying Out Components Within a Container) an.