Transparentes BufferedImage über BufferedImage

[fat32]

Hi,

wie kann ich ein transparentes BufferedImage auf ein "normales" (RGB) BufferedImage zeichnen, so dass das darunterliegende Bild an den Transparenten Stellen des transparenten BIs durchscheint?

Ich habe da gerade keinen guten Ansatz... SO sieht es aus:

protected void paintComponent( Graphics g )
  {
	 BufferedImage img = new BufferedImage(100, 100, BufferedImage.TYPE_INT_ARGB);
	 ((Graphics2D)img.getGraphics()).setBackground(new Color(0,0,0,0));
	 ((Graphics2D)img.getGraphics()).clearRect(0, 0, 100, 100);
	 ((Graphics2D)img.getGraphics()).setColor(new Color(0,0,0,200));
	 ((Graphics2D)img.getGraphics()).fillOval(10, 10, 10, 10);
	 
    if (this.image != null)
    {
      ((Graphics2D)g).drawImage(this.image, 0, 0, null);
      ((Graphics2D)g).drawImage(img, 0, 0, null);
    }
  }

Das Resultat ist sehr bescheiden...
Ich muss zugeben, dass ich beim Googeln nichts gefunden habe, was auf mein Problem gepasst hätte...

MfG
Simon

 

[Marco13]

Wenn man den ursprünglichen Thread http://www.java-forum.org/softwareentwicklung/92303-verschiedene-zeichenwerkzeuge.html#post585155 nicht kennt, könnte man geneigt sein, hier unpassende Tipps zu geben. Vielleicht könntest du die Dinge, die du während des Erstellens schon zeichnen willst (wie z.B. ein Kreis, der größer gezogen wird) als eigene Objekte zeichnen - im Pseudocode sowas wie

interface Paintable { void paintOn(Graphics g); }
class Kreis implements Paintable { ... malt den Kreis ... }

class Malfenster
{
    private Paintable currentObject;
    private BufferedImage finalImage;

    void paintComponent(Graphics g)
    {
        g.drawImage(finalImage); // Male das schon vorhandene Bild
        if (currentObject != null) currentObject.paintOn(g); // und ggf. das Objekt, was gerade erstellt wird
    }


    void mousePressed()
    {
        currentObject = new Kreis();
    }
    void mouseDragged()
    {
        verändereGrößeVonKreis();
        repaint();
    }

    void mouseReleased()
    {
        // Aktuell gemaltes "ding" ins Bild übertragen:
        currentObject.paintOn(finalImage.getGraphics());
        currentObject = null;
        repaint();
    }
}

EDIT: Noch allgemein: In der paintComponent ein neues Bild erstellen ist schlecht. WENN du das mit transparenten Bildern lösen wolltest, dann könntest du vielleicht irgendwie EIN mal so ein durchsichtiges Bild erstellen, und das immer wieder verwenden...

 

[Guybrush Threepwood]

Die bescheidene Qualität könnte an den Quality-Hints liegen. Versuche es mal so:

protected void paintComponent( Graphics g )
  {
super.paintComponent(g);
Graphics2D g2 = (Graphics2D) g;
		g2.setRenderingHint(RenderingHints.KEY_INTERPOLATION,
				RenderingHints.VALUE_INTERPOLATION_BILINEAR);
		g2.setRenderingHint(RenderingHints.KEY_RENDERING,
				RenderingHints.VALUE_RENDER_QUALITY);
     BufferedImage img = new BufferedImage(100, 100, BufferedImage.TYPE_INT_ARGB);
     ((Graphics2D)img.getGraphics()).setBackground(new Color(0,0,0,0));
     ((Graphics2D)img.getGraphics()).clearRect(0, 0, 100, 100);
     ((Graphics2D)img.getGraphics()).setColor(new Color(0,0,0,200));
     ((Graphics2D)img.getGraphics()).fillOval(10, 10, 10, 10);
     
    if (this.image != null)
    {
      g2.drawImage(this.image, 0, 0, null);
      g2.drawImage(img, 0, 0, null);
    }
  }

Ich habe schon öfters halbtransparente Images übereinander gelegt (eingelesen aus externen Bilddateien mit Alpha-Kanal) und das hat immer super geklappt. Davon abgesehen hat Marco13 völlig recht: Das transparente BufferedImage sollte am Besten außerhalb von paintComponent erzeugt werden, da das sonst relativ viel Rechenleistung kosten kann.

 

[fat32]

Vielen Dank für den Code!

Hast du den Code schonmal so erfolgreich verwendet?
Bei mir wird zwar ein 100x100-großes schwartes Feld aufs eigentliche Bild gelegt, aber das Ding ist nicht wirklich transparent... Das, was drunter ist, wird verdeckt.

@Macro13:
Ja, das wird später noch so gemacht, dass es nur einmal angelegt wird.
Das ist jetzt nur zu Testzwecken so.

 

[Marco13]

Also... abgesehen davon, dass es unschön ist, GLAUBE ich mich zu erinnern, dass dieses mehrfache "getGraphics" daran schuld sein kann. (Wir wissen ja: getGraphics ist böse auf BufferedImages eigentlich nicht, aber manchmal dann doch)

Das sollte man ggf. eher so schreiben

Graphics2D g = img.createGraphics();
g.setBackground(new Color(0,0,0,0));
g.clearRect(0, 0, 100, 100);
g.setColor(new Color(0,0,0,200));
g.fillOval(10, 10, 10, 10);
g.dispose();

 

[Spacerat]

Wohl auch bei BufferedImage böse, wie der Methodenname schon andeutet...[JAVA=1114]// aus java.awt.image.BufferedImage.class

/**
* This method returns a {@link Graphics2D}, but is here
* for backwards compatibility. {@link #createGraphics() createGraphics} is more
* convenient, since it is declared to return a
* <code>Graphics2D</code>.
* @return a <code>Graphics2D</code>, which can be used to draw into
* this image.
*/
public java.awt.Graphics getGraphics() {
return createGraphics();
}[/code]Es wird offenbar stets ein neuer GraphicsContext erstellt, in welchen das aktuelle Raster kopiert wird. Auch daran zu erkennen, dass die Kontexte zweier aufeinander folgenden [c]getGraphics()[/c] niemals identisch (==) sind.

 

[Guybrush Threepwood]

Habe gerade mal in meinem Code gestöbert und bin auf die Zeile gestoßen:

g2.setComposite(AlphaComposite.getInstance(
					AlphaComposite.SRC_OVER, 0.55f));

Alles was danach gezeichnet wird sollte transparent erscheinen.

Noch ein Tipp: Du solltest in paintComponent keine neuen Objekte (new Color(...) etc.) anlegen. Das kann unter Umständen zu Endlosschleifen führen, da das Instanzieren wieder zu einem Neuaufruf der paintComponent-Methode führen kann. Das war bei mir bereits einmal der Fall und es hat lange gedauert, bis ich den Fehler gefunden habe.

P.S.: Ich habe Deinen Code ehrlich gesagt nicht getestet. War mir zu mühsam, den ganzen Rest außenrum zu schreiben.

 

[fat32]

Ok, daran lags! (createGraphics) Vielen vielen Dank

Ich erzeuge das Bild jetzt einmalig so:

public void createPreviewImage()
  {
	  this.previewImage = new BufferedImage(this.image.getWidth(), this.image.getHeight(), BufferedImage.TYPE_INT_ARGB);
	  Graphics2D g2d = this.previewImage.createGraphics();
	  g2d.setBackground(new Color(255,255,255,0));
	  g2d.clearRect(0, 0, 100, 100);
	  g2d.setColor(new Color(0,0,0,255));
  }

Klappt hervorragend.

Allerdings stört es mich, dass ich zum Löschen des Bildes immer so viel schreiben muss:

Graphics2D g = preview.createGraphics();
		g.setBackground(new Color(255,255,255,0));
		g.clearRect(0, 0, this.preview.getWidth(), this.preview.getHeight());

Da ich das sehr oft benötige, dachte ich mir, dass ich eine eigene Klasse MyBufferedImage erstelle und von BufferedImage erbe.
Allerdings hat BufferedImage ja viele Konstruktoren. Muss ich die dann alle "überladen" oder reicht mir ein Konstruktor?
Weiß ja nicht, wie BI intern so arbeitet.

MfG
Simon

 

[Marco13]

Nix überschreiben oder erben...

private static void clearImage(BufferedImage image)
{
    Graphics2D g = image.createGraphics();
    g.setBackground(new Color(255,255,255,0));
    g.clearRect(0, 0, image.getWidth(), image.getHeight());
    g.dispose(); // Nicht vergessen...
}

Aufruf dann einfach überall mit
[c]clearImage(this.preview);[/c]

 

[fat32]

So kann man es natürlich auch machen.
Die Frage ist nur, ob das in OOP-Hinsicht sauber gelöst ist.

 

[Marco13]

Hier mal ein ganz selbsbewußtes: JA
Das ist eine private Methode, die niemand sieht, und die einfach etwas macht, was man häufiger an verschiednen Stelle mal machen muss. (BTW: schau dir nochmal die doku zu "clearRect" an!)
Die "Funktion, gecleart werden zu können" ist nichts, was man durch Vererbung oder ähnliches irgendwo hinzufügen müßte. Du erstellst keine Spezielle ART von Bild (also nicht ein Bild einer Klasse, die von BufferedImage erben müßte), sondern du machst "von außen" etwas, was man mit jedem BufferedImage machen kann.
Aber es stimmt schon - manchmal ist es nicht so leicht: http://www.java-forum.org/allgemein...embermethoden-statische-utility-methoden.html

 

[fat32]

Interressant!
Man lernt immer wieder dazu

Habs jetzt mit der statischen Methode gelöst.

 

[Ebenius]

[thread=86306]Wie kann ich ein Thema als [Erledigt] markieren?[/thread]
Hab ich mal gemacht.

Ebenius