Grafik per JButton laden und austauschen lassen

[Robin100804]

Hallo zusammen. Ich bin derzeit an einem Projekt dran, an dem ich mir wünsche, dass der User durch Drücken des JButtons die Grafik in der Mitte des Fensters austauschen kann. Sprich: Die vorherige Grafik soll verschwinden und die gewünschte andere Grafik soll erscheinen. Im Prinzip klingt dies ja nicht schwer, jedoch bekomme ich es leider mit meinen anfängerischen Kentnissen nicht hin. Mein Lösungsansatz war folgender: Ich habe in einer ImageLoader-Klasse die Grafiken als BufferedImage laden lassen und diese auch in meiner Draw-Klasse zeichnen können. Dieses Zeichnen meiner Grafik wollte ich in eine Methode packen und diese Methode in den ActionListener meines JButtons einbringen. Naja, daraufhin wurde ich von Fehlermeldungen bombardiert. Der andere irrelevante Code sowie die Kommentare können ignoriert werden, diese sind aufgrund des Aspekts dass es ein Schulprojekt ist Pflicht.
Wäre sehr nett wenn mir jemand weiterhelfen könnte.

[CODE lang="java" title="Meine ImageLoader Klasse"]import java.awt.image.BufferedImage;
import java.io.IOException;

import javax.imageio.ImageIO;

public class ImageLoader {

BufferedImage logo;
BufferedImage TabelleGewicht;


public ImageLoader() {
try {
logo = ImageIO.read(getClass().getResourceAsStream("img/logo.png"));
} catch (IOException e) {
e.printStackTrace();
}
try {
TabelleGewicht = ImageIO.read(getClass().getResourceAsStream("img/TabelleGewicht.png"));
} catch (IOException e) {

}
}

}[/CODE]

[CODE lang="java" title="Meine Draw Klasse"]import java.awt.*;


import javax.swing.JLabel;


public class Draw extends JLabel{

/**
*
*/
private static final long serialVersionUID = 1L;

static ImageLoader il = new ImageLoader();

public void paintComponent(Graphics g) {



super.paintComponent(g);
Graphics2D g2d = (Graphics2D) g;

g2d.setRenderingHint(RenderingHints.KEY_ANTIALIASING, RenderingHints.VALUE_ANTIALIAS_ON);

g.setColor(Color.WHITE);
g.fillRect(0, 70, Var.fensterbreite, 3); // obere weiße Linie

g.fillRect(0, 520, 695, 3); // untere weiße LInie

g.fillRect(168, 0, 3, 70);
g.fillRect(328, 0, 3, 70);
g.fillRect(488, 0, 3, 70);
g.fillRect(648, 0, 3, 70);
g.fillRect(168, 520, 3, 70);
g.fillRect(328, 520, 3, 70);



g.drawImage(il.logo, Var.logox, Var.logoy, Var.logobr, Var.logoho, this);
g.drawImage(il.TabelleGewicht, Var.tabellex, Var.tabelley, 600, 105, this);


/*
* Logo selbst im Internet erstellt: https://de.freelogodesign.org/
*/



repaint();

/*
* g2d-Graphics Teile aus vorherigem Projekt kopiert.
*
*/


}




}[/CODE]

[CODE lang="java" title="Meine Button Klasse"]import java.awt.Color;

import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;

import javax.swing.JButton;
import javax.swing.JFrame;

public class ButtonLeiste extends JFrame implements ActionListener {

/**
*
*/
private static final long serialVersionUID = 1L;

// Erstellen der Button und Beschriftung
static JButton jbut1 = new JButton("Umrechnen");
static JButton jbut2 = new JButton("Zurücksetzen");
static JButton jbut3 = new JButton("Gewicht");
static JButton jbut4 = new JButton("Länge");
static JButton jbut5 = new JButton("Zeit");
static JButton jbut6 = new JButton("Geschwindigkeit");
static JButton jbut7 = new JButton("Währung");

public ButtonLeiste() {

// Setzen der Größe und der Lokation der Buttons
jbut1.setBounds(20, 535, Var.jbuttonbreite, Var.jbuttonhoehe);
jbut2.setBounds(180, 535, Var.jbuttonbreite, Var.jbuttonhoehe);
jbut3.setBounds(20, 20, Var.jbuttonbreite, Var.jbuttonhoehe);
jbut4.setBounds(180, 20, Var.jbuttonbreite, Var.jbuttonhoehe);
jbut5.setBounds(340, 20, Var.jbuttonbreite, Var.jbuttonhoehe);
jbut6.setBounds(500, 20, Var.jbuttonbreite, Var.jbuttonhoehe);
jbut7.setBounds(660, 20, Var.jbuttonbreite, Var.jbuttonhoehe);

/*
* Idee für die setBounds-Methode aus dem Internet
*
* Anleitung für die addActionListener-Methode aus dem Internet
*/

// Button bekommt seine Funktion / Methode wird dem Button zugeordnet mit einem
// ActionListener
jbut1.addActionListener(new ActionListener() {

@Override
public void actionPerformed(ActionEvent e) {
InputTextfields.rechnen1();
Textfields.jtf2.setForeground(Color.BLACK); // Fixen eines Fehlers, dass die Textfarbe des 2. Feldes
// nicht aktualisiert wird

}
});

jbut2.addActionListener(new ActionListener() {

@Override
public void actionPerformed(ActionEvent e) {
Textfields.clearTextfields();
}
});

}

@Override
public void actionPerformed(ActionEvent e) {
// TODO Auto-generated method stub

}

}[/CODE]

 

[Gelöschtes Mitglied 65838]

Du hast immer eine Feste Lokation angegeben was ansich "nicht gut ist" benutze "Layouts" und dann tuascht du beim Layout den Node aus


wenn du alles mit festen Lokationen machst ist es schwer + aufwändig

 

[Robin100804]

Du hast immer eine Feste Lokation angegeben was ansich "nicht gut ist" benutze "Layouts" und dann tuascht du beim Layout den Node aus


wenn du alles mit festen Lokationen machst ist es schwer + aufwändig

Danke für deine Antwort. Ich bin noch recht neu in Java. Könntest du mir erklären wie ich dies genau umsetzen kann und wie das schlussendlich mein Problem löst.

 

[Gelöschtes Mitglied 65838]

tut mir leid ich bneutze nur javafx und kein AWT die "Groben Grundprinzipien" sind bei beiden ja die gleichen dass es layouts gibt und GUI elemente aber wie man das umsetzt kann ich dir nicht sagen

 

[Robin100804]

tut mir leid ich bneutze nur javafx und kein AWT die "Groben Grundprinzipien" sind bei beiden ja die gleichen dass es layouts gibt und GUI elemente aber wie man das umsetzt kann ich dir nicht sagen

Okay schade. Trotzdem vielen Dank

 

[mihe7]

Kann das sein, dass das Auswüchse aus einem Youtube-Tutorial sind?

Regel #0: keine Klasse Var.
Regel #1: kein static außer für a) main-Methode und b) Konstanten (static final).

Es ist auch keine besonders gute Idee, repaint in paint/paintComponent aufzurufen.

Zum Layout: in AWT/Swing gibt es Layout-Manager, die Lage und Größe der Komponenten festlegen. Wenn Du mehrere Buttons in gleicher Größe nebeneinander haben möchtest, bietet sich ein GridLayout an. Lies Dir mal das Java Tutorial durch (https://docs.oracle.com/javase/tutorial/uiswing/layout/index.html), insbesondere die Abschnitte Using Layout Managers und How Layout Management Works.

Bei Fragen einfach fragen.

 

[Robin100804]

Kann das sein, dass das Auswüchse aus einem Youtube-Tutorial sind?

Regel #0: keine Klasse Var.
Regel #1: kein static außer für a) main-Methode und b) Konstanten (static final).

Es ist auch keine besonders gute Idee, repaint in paint/paintComponent aufzurufen.

Zum Layout: in AWT/Swing gibt es Layout-Manager, die Lage und Größe der Komponenten festlegen. Wenn Du mehrere Buttons in gleicher Größe nebeneinander haben möchtest, bietet sich ein GridLayout an. Lies Dir mal das Java Tutorial durch (https://docs.oracle.com/javase/tutorial/uiswing/layout/index.html), insbesondere die Abschnitte Using Layout Managers und How Layout Management Works.

Bei Fragen einfach fragen.

Danke für deine Antwort. Werd ich beim nächsten mal berücksichtigen.

Wüsstest du dennoch eine Lösung um die Grafiken mit den JButtons laden zu lassen?

 

[mihe7]

Beispiel:
[code lang="Java" title="ImagePanel.java"]
import java.awt.Dimension;
import java.awt.Image;
import java.awt.Insets;
import java.awt.Graphics;
import javax.swing.JPanel;

public class ImagePanel extends JPanel {
private Image image;

public void setBackground(Image image) {
this.image = image;
repaint();
}

public Dimension getPreferredSize() {
if (isPreferredSizeSet()) {
return super.getPreferredSize();
}

Insets insets = getInsets();
int w = insets.left + insets.right + (image != null ? image.getWidth(null) : 0);
int h = insets.top + insets.bottom + (image != null ? image.getHeight(null) : 0);
return new Dimension(w, h);
}

@Override
protected void paintComponent(Graphics g) {
if (image != null) {
g.drawImage(image, 0, 0, null);
}
}
}
[/code]

[code lang="Java" title="ImageCycler.java"]
import java.awt.*;
import java.awt.image.BufferedImage;
import java.io.IOException;
import java.net.URL;
import javax.imageio.ImageIO;
import javax.swing.*;

public class ImageCycler {
private static final int TILE_WIDTH = 28;
private static final int TILE_HEIGHT = 36;
private static final int TILES_PER_ROW = 8;
private static final int TILES = 80;

private BufferedImage tileset;
private int tileIx = 0;

private void loadTileset() {
try {
URL url = new URL("https://upload.wikimedia.org/wikipedia/commons/6/68/BOE_tile_set.png");
tileset = ImageIO.read(url);
} catch (IOException ex) {
ex.printStackTrace();
System.exit(1);
}
}

public BufferedImage getNextTile() {
int col = tileIx % TILES_PER_ROW;
int row = tileIx / TILES_PER_ROW;
tileIx = (tileIx + 1) % TILES;

BufferedImage image = tileset.getSubimage(col * TILE_WIDTH, row * TILE_HEIGHT,
TILE_WIDTH, TILE_HEIGHT);
return image;
}


public void run() {
loadTileset();

ImagePanel drawing = new ImagePanel();
drawing.setBackground(getNextTile());

JButton nextImage = new JButton("Next image");
nextImage.addActionListener(e -> drawing.setBackground(getNextTile()));

JPanel buttons = new JPanel(new FlowLayout(FlowLayout.CENTER));
buttons.add(nextImage);

JFrame frame = new JFrame();
frame.setDefaultCloseOperation(JFrame.DISPOSE_ON_CLOSE);
frame.add(drawing);
frame.add(buttons, BorderLayout.SOUTH);
frame.pack();
frame.setVisible(true);
}

public static void main(String[] args) {
SwingUtilities.invokeLater(() -> new ImageCycler().run());
}
}[/code]

 

[Robin100804]

Danke für die ausführliche Antwort. Ich werde dies mal ausprobieren und dann nochmal eine Rückmeldung geben.

 

[mihe7]

Mach das. Das mit den Tiles braucht Dich nicht weiter zu interessieren, das dient nur dem Zweck, dass ich nicht zig URLs lesen wollte. Die Methode getNextTile() liefert einfach immer ein anderes Bild.

 

[Robin100804]

Mach das. Das mit den Tiles braucht Dich nicht weiter zu interessieren, das dient nur dem Zweck, dass ich nicht zig URLs lesen wollte. Die Methode getNextTile() liefert einfach immer ein anderes Bild.

Geht eig das mit der URL auch noch anders? Also dass ich ein Bild in einem Ordner des Projekts verwenden kann...

 

[mihe7]

Natürlich kannst Du beliebige Bilder von unterschiedlichen Quellen laden. Machst Du doch in Deinem Code auch schon. Die URL habe ich nur verwendet, damit ich nicht extra noch Bilder hier im Forum verschicken muss. Und wie gesagt, das mit den Tiles, damit ich nur ein Bild laden muss. Du kannst den Code ausführen und dann sollte das bei Dir laufen, vorausgesetzt, Deine Internetverbindung passt Hat es denn nicht funktioniert?

 

[Robin100804]

Ich werde es später versuchen. Was ich meine, mein Bild stammt nicht aus dem Internet sondern habe ich lokal gespeichert. Bisher habe ich diese immer im Projekt in ein Folder getan und dann aufgerufen. Welche Methode brauche ich da dann? Dies ist ja dann keine URL mehr.

 

[mihe7]

Wenn es eine Ressource Deiner Anwendung ist, dann getClass().getResource() oder getClass().getResourceAsStream(), wie in Deinem ImageLoader oben, Zeilen 14 und 19.

 

[Robin100804]

Alles klar, dankeschön.