BufferedImage einem ClickEvent hinzufügen

[cool_brivk24]

Hallöchien, liebe programmierer:

Fangen wir gleich mit dem Problem an: Ich habe ein Feld auf dem 36 BufferedImages gezeichnet wurden. Doch ich möchte abfragen, ob die Mouse auf dem Feld ist, dann soll das Feld eine blaue Umrandung bekommen und wenn die Maus diese Feld klickt, soll etwas passieren z.B. Sys.out.println(); etc. Ich wäre für die Lösung sehr dankbar. Zwar habe ich schon im Internet gegooelt, nur fand ich Englische Ergebnisse, und mein Englisch ist leider nicht so gut.

MFG
-cool_brick24

 

[Robat]

Zeichnest du die Bilder direkt? Dann müsstest du dir wahrscheinlich eine Struktur ausdenken, die sowohl das Bild als auch die Koordinaten des Bildes abspeichert und eventuell noch eine Property die angibt, ob das Bild einen Border haben soll. Dann kannst du dir eine boolean intersects(Point) Methode schreiben die schaut, ob der angegebene Punkt innerhalb der Bild-Koordinaten liegt. Deinem JPanel kannst du dann einen MouseListener geben, wo du eben durch die Liste iterierst und schaust ob intersects(mousePos) true zurück gibt. Wenn ja dann musst du die border-Prop auf true setzen und neu zeichnen lassen. Beim Zeichnen der Bilder musst du dann eben drauf achten ob um das Bild noch ein Rand gezeichnet werden soll (border-Prop auf true).
Das selbe kannst du für die klick-Funktion machen

Einfacher würde es sein, wenn du die Bilder in einem JLabel darstellst. Dann könntest du den JLabel einfach ein MouseListener und ein Border geben.

 

[cool_brivk24]

Hi Robat.

Kann man bei den JLabel die Coordinaten angeben?

 

[VfL_Freak]

Moin,

Ich wäre für die Lösung sehr dankbar.

ja, nee ... ist klar ...

 

[cool_brivk24]

ja, nee ... ist klar ...

Bin ich wirklich ^^

 

[cool_brivk24]

Zeichnest du die Bilder direkt? Dann müsstest du dir wahrscheinlich eine Struktur ausdenken, die sowohl das Bild als auch die Koordinaten des Bildes abspeichert und eventuell noch eine Property die angibt, ob das Bild einen Border haben soll. Dann kannst du dir eine boolean intersects(Point) Methode schreiben die schaut, ob der angegebene Punkt innerhalb der Bild-Koordinaten liegt. Deinem JPanel kannst du dann einen MouseListener geben, wo du eben durch die Liste iterierst und schaust ob intersects(mousePos) true zurück gibt. Wenn ja dann musst du die border-Prop auf true setzen und neu zeichnen lassen. Beim Zeichnen der Bilder musst du dann eben drauf achten ob um das Bild noch ein Rand gezeichnet werden soll (border-Prop auf true).
Das selbe kannst du für die klick-Funktion machen

Ich Zeichne die Bilder direkt. Nur ich versetehe leider nicht so ganz wie und was du meinst. Ich bin leider nicht sooooo erfahren.

mfg

 

[Robat]

Beispielhaft könnte das ganze so aussehen.

public class BorderedImage {

    private BufferedImage image;
    private Rectangle bounds;

    private boolean isHovered;
    private boolean isClicked;


    public BorderedImage(int x, int y, BufferedImage image) {
        this.image = image;
        this.bounds = new Rectangle(x, y, image.getWidth(), image.getHeight());
    }
    // Getter & Setter ...
}


public class ImagePanel extends JPanel {
    private List<BorderedImage> images;

    public ImagePanel() {
        this.images = new ArrayList<>();
        addListener();
        loadDummyData();
    }

    private void loadDummyData() { ... }

    private void addListener() {
        addMouseListener(new MouseAdapter() {
            @Override
            public void mouseClicked(MouseEvent e) {
                images.forEach(image -> image.setClicked(image.intersects(e.getPoint())));
                repaint();
            }
        });
        addMouseMotionListener(new MouseMotionAdapter() {
            @Override
            public void mouseMoved(MouseEvent e) {
                images.forEach(image -> image.setHovered(image.intersects(e.getPoint())));
                repaint();
            }
        });
    }
   @Override
   protected void paintComponent(Graphics g) {
       super.paintComponent(g);
       images.forEach(image -> {
           if (image.isHovered()) {
               drawBackgroundRectangle(g, image, Color.BLUE);
           }
           if (image.isClicked()) {
               drawBackgroundRectangle(g, image, Color.RED);
           }
           g.drawImage(image.getImage(), image.getX(), image.getY(), null);
       });
   }

   private void drawBackgroundRectangle(Graphics g, BorderedImage image, Color color) {
       g.setColor(color);
       g.drawRect(image.getX() - 1, image.getY() - 1, image.getWidth() + 2, image.getHeight() + 2);
   }

}

 

[cool_brivk24]

Danke Robat. Nur was ist die DummyData?
msdg
-cool_brick24

 

[Robat]

Das was der Name sagt. Daten zum testen. Ist aber irrelevant für dich weil du lädst ja die Bilder irgendwo.

 

[cool_brivk24]

Okay Danke Robat! Ich beschäftige mich mal damit.

Schönen späten Nachmittag noch.

mfg

-cool_brick24

 

[mihe7]

OT: @cool_brivk24 würde es Dich stören, wenn Du die CODE-Tags aus der Signatur entfernst? Das ist fürchterlich anstrengend einen Thread zu überfliegen, wenn man ständig durch einen Code-Block irritiert wird. Und wie Du weißt, führt das bekanntermaßen zu Augenkrebs

 

[Xyz1]

Genau! Und nur die Wenigsten können aus dem Ergebnis die Schritte dahin ableiten....
Soll heißen - wer nicht weiß wie man fischt dem nützt es nichts einen dicken Karpfen hinzu legen....

 

[cool_brivk24]

Dankeschön! Ich werde sofot eine Änderung daran vornehmen.

 

[Xyz1]

Dankeschön! Ich werde sofot eine Änderung daran vornehmen.

1A wenn nur alle auf @mihe7 hören würden.... so wäre dieses Forum ein besseres