JLabel als JPG abspeichern

[gnom]

Hallo,
also ich habe schon das gesamte Forum nach meinem Problem durchforstet und bin auch auf aehnliche Themen gestossen, konnte die Loesungsvorschlaege aber nicht umsetzen... Ich moechte ein JPanel, das Linien und JLabels enthaelt, als JPG-Datei speichern. Ich haette es gerne so, dass beim Klicken auf einen Save-Button ein FileChooser aufpoppt, in dem man den gewuenschten Pfad aussucht und den Dateinamen eingibt (wie es in herkoemmlichen Programmen ueblich ist).
Als problematisch hat sich dabei das Erstellen einer neuen Datei erwiesen, d.h. ich habs nicht hingekriegt mit dem String den der FileChooser zurueckgibt eine Datei zu erstellen. Habs auch erstmal versucht hart zu Coden, aber
"File f = new File("c:\daten\bilder\test.jpg");" mochte er auch nicht

Gruss, gnom


Hab natuerlich einen kleinen Code zusammengeschnipselt, damit ihr mir hoffentlich helfen koennt (die JLabels fehlen in diesem Beispiel):

public class saveFile {
	private DrawPanel panel = null;
	private JFileChooser chooser = new JFileChooser();
	
	public static void main(String[] args) {
                saveFile saveFile = new saveFile();    
		JFrame frame = new JFrame("");
	        frame.addWindowListener(
	  	      new WindowAdapter() {
	  	        public void windowClosing(WindowEvent e) {
	  	          System.exit(0);
	  	          }
	  	        }
	  	      );  
		saveFile.init(frame);
	}
	
	private void init(JFrame frame){
	    panel = new DrawPanel();
	    Button button = new Button("SAVE");
	    button.addActionListener(new java.awt.event.ActionListener() {
			public void actionPerformed(java.awt.event.ActionEvent e) {
				onSAVE(e); // TODO Auto-generated Event stub actionPerformed()
			}
		});
 
	    BorderLayout layout = new BorderLayout();
	    frame.setLayout(layout);
	    frame.getContentPane().add(panel,BorderLayout.CENTER);
	    frame.getContentPane().add(button, BorderLayout.SOUTH);
	    frame.pack();
	    frame.setVisible(true);
	}



	private void onSAVE(ActionEvent e) {
		//hier soll der filechooser aufpoppen
		//und das panel als .jpg an der gewaehlten stelle abgespeichert werden
	}



}

class DrawPanel extends JPanel{
	public DrawPanel(){
		setPreferredSize(new Dimension(200,200));
	}
	
	public void paintComponent(Graphics g){
		g.drawLine(0, 0, 50, 50);
	}
}

 

[Wildcard]

Erzeug dir ein Bild, lass dir von dem Bild ein Graphics-Objekt erzeugen, ruf paint auf dem Panel mit dem neuen Graphics-Objekt auf und speicher das Bild.

 

[Campino]

Also, wenn du ein neues File-Objekt hast, musst du, falls der File noch nicht existiert (Überprüfung mit File.exists()) noch File.createNewFile() aufrufen, damit eine neue Datei entsteht. Der JFileChooser hat eine Funktion getSelectedFile() mit der ein File-Objekt geliefert werden sollte. Du musst JFileChooser.showOpenDialog() verwenden.

 

[gnom]

also, ich wollte in etwa so vorgehen:

float quality = 0.9f;

//Erzeuge ein BufferedImage (fr ist mein JPanel)
   int w = fr.getWidth();
   int h = fr.getHeight();
   BufferedImage bi = new BufferedImage(w, h, BufferedImage.TYPE_INT_RGB);
   Graphics2D big2d = bi.createGraphics();
           
   //Zeichne das JPanel in das BufferedImage
   fr.paint(big2d);
           
   //JFileChooser erzeugen
   File file = MyFileChooser.SaveChooser(fr);

try {
       //Schreibe das BufferedImage als JPG Datei
       FileOutputStream fos = new FileOutputStream(file);
       JPEGImageEncoder encoder = JPEGCodec.createJPEGEncoder(fos);
       JPEGEncodeParam param = encoder.getDefaultJPEGEncodeParam(bi);
       param.setQuality(quality, false);
       encoder.setJPEGEncodeParam(param);
       encoder.encode(bi);
        fos.close();

       } catch (Exception ex) {
             ex.printStackTrace();
       }

Allerdings weiss ich nicht was hier geschieht:

   //JFileChooser erzeugen
   File file = MyFileChooser.SaveChooser(fr);

brauche ich ausserdem den kompletten wust in dem try-block, um das jpg zu erstellen?

Bin fuer jede Hilfe dankbar

 

[Beni]

a) Den MyFileChooser durch eine JFileChooser ersetzen (in der API hat es auch gleich ein Beispiel wie man ihn anwendet)

b) Die Klasse "ImageIO" hat eine statische Methode "write", welche ein Bild, den gewünschten Typ (z.B. "jpg") und eine Datei zum reinschreiben nimmt -> das ist einfacher als dieses try-catch bei dir :wink:

 

[gnom]

habs mit eurer hilfe hingekriegt, danke

wo ich noch gerade hier bin, was unterscheidet den beim fileChooser showOpenDialog() von showSaveDialog()?
etwa nur die button beschriftung?


und natuerlich noch das ergebnis meines codes, falls andere mal das gleiche problem haben:

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



public class saveFile {
	private DrawPanel panel = null;
	private JFileChooser chooser = new JFileChooser();
	
	public static void main(String[] args) {
		// TODO Auto-generated method stub
		saveFile saveFile = new saveFile();    
		JFrame frame = new JFrame("");
	    frame.addWindowListener(
	  	      new WindowAdapter() {
	  	        public void windowClosing(WindowEvent e) {
	  	          System.exit(0);
	  	          }
	  	        }
	  	      );  
		saveFile.init(frame);
	}
	
	private void init(JFrame frame){
	    panel = new DrawPanel();
	    Button button = new Button("SAVE");
	    button.addActionListener(new java.awt.event.ActionListener() {
			public void actionPerformed(java.awt.event.ActionEvent e) {
				onSAVE(e); // TODO Auto-generated Event stub actionPerformed()
			}
		});
 
	    BorderLayout layout = new BorderLayout();
	    frame.setLayout(layout);
	    frame.getContentPane().add(panel,BorderLayout.CENTER);
	    frame.getContentPane().add(button, BorderLayout.SOUTH);
	    frame.pack();
	    frame.setVisible(true);
	}

	private void onSAVE(ActionEvent e) {
		   BufferedImage bi = new BufferedImage(panel.getWidth(), panel.getHeight(), BufferedImage.TYPE_INT_RGB);
		   Graphics2D big2d = bi.createGraphics(); 
		   panel.paint(big2d);

		    int returnVal = chooser.showOpenDialog(new JFrame());
		    if(returnVal == JFileChooser.APPROVE_OPTION) {
			    try {
					ImageIO.write(bi, "JPG", chooser.getSelectedFile());
				} catch (IOException e1) {
					// TODO Auto-generated catch block
					e1.printStackTrace();
				}	
		    }
	}
}

class DrawPanel extends JPanel{
	public DrawPanel(){
		setPreferredSize(new Dimension(200,200));
	}
	
	public void paintComponent(Graphics g){
		g.drawLine(0, 0, 50, 50);
	}
}

 

[Beni]

wo ich noch gerade hier bin, was unterscheidet den beim fileChooser showOpenDialog() von showSaveDialog()?
etwa nur die button beschriftung?

Meines Wissens ist das alles. Für den Benutzer aber ein ziemlicher Unterschied :wink:

 

[Guest]

sooo, jetzt hat sich doch noch ein problem ergeben.
waere doch auch ZU schoen gewesen, wenn alles geklappt haette.... (ich kotze)

am besten laesst sich mein neues problem rekonstruieren, wenn ich meinen saveButton etwas groesser dimensioniere (zB 200x200) und im WESTEN ansiedle. dann das programm starten, und das fenster etwas groesser ziehen. wenn man dieses bild nun abspeichert, kommt ein falsches bild zustande! warum?

im JPG sind nun 2 linien zu sehen. eine davon gehoert zum korrekten bild.
im "hintergrund" ist nun jedoch nochmal das gesamte panel inclusive der linie zu sehen, also WESTEN UND CENTER.


meine frage also: wie schaffe ich es, dass im JPG-file _NUR_ die components im CENTER abgebildet werden?


grusss, jens

 

[gnom]

also gast bin ich (gnom)


sooo, jetzt hat sich doch noch ein problem ergeben.
waere doch auch ZU schoen gewesen, wenn alles geklappt haette.... (ich kotze)

am besten laesst sich mein neues problem rekonstruieren, wenn ich meinen saveButton etwas groesser dimensioniere (zB 200x200) und im WESTEN ansiedle. dann das programm starten, und das fenster etwas groesser ziehen. wenn man dieses bild nun abspeichert, kommt ein falsches bild zustande! warum?

im JPG sind nun 2 linien zu sehen. eine davon gehoert zum korrekten bild.
im "hintergrund" ist nun jedoch nochmal das gesamte panel inclusive der linie zu sehen, also WESTEN UND CENTER.

meine frage also: wie schaffe ich es, dass im JPG-file _NUR_ die components im CENTER abgebildet werden?




grusss, gnom

 

[gnom]

oh man =)

hab doch noch die loesung in einem anderen thread gefunden...

   private void Item2ActionPerformed(ActionEvent evt){
        try{
            generateJPGFileFromComponent(myDrawingPanel,file);
        } catch(Exception ex){
        }
   }
    /*
     * Generate jpg
     */
    public  BufferedImage generateBufferedImageFromComponent(Component component) {
        BufferedImage image = new BufferedImage(component.getWidth(), component.getHeight(), BufferedImage.TYPE_INT_RGB);
        Graphics g = image.getGraphics();
        g.setColor(component.getBackground());
        g.fillRect(0, 0,  image.getWidth(), image.getHeight());
        component.print(g);
        g.dispose();
        return image;
    }
    public  void generateJPGFileFromComponent(Component component, String filename) throws IOException {
        generateJPGFileFromComponent(component, new File(filename));
    }
    public  void generateJPGFileFromComponent(Component component, File file) throws IOException {
        BufferedImage image = generateBufferedImageFromComponent(component);
        ImageIO.write(image, "jpg", file);
    }

__________________________
Item2 = new JMenuItem("Speichern");
      Item2.addActionListener(new ActionListener(){
       public void actionPerformed(ActionEvent evt) {
        Item2ActionPerformed(evt);
       }
      });
      datei.add(Item2);

hatte diesen zusatz "FromComponent" die ganze zeit ueberlesen... das macht die sache natuerlich etwas einfacher

tschuessi