Grafische Benutzeroberflächen - welche Komponente nehme ich am besten?

[Ingerten]

Hallo, guten Morgen liebe Leute und für alle Fussballfans ein "ole ole - wir sind WELTMEISTER".

Da ich grade erst angefangen habe, mit Java zu Programmieren, sind da noch ein paar fragen offen, eigentlich ein paar sehr viele Fragen, aber ich glaube das sprengt jetzt den Rahmen.

Also zur Sache, ich habe mir ein JTree erstellt, wie auf dem Bild zu sehen ist, jetzt möchte ich die Images, die er im Dateibaum findet, als kleine vorschau im "Feld 4" haben, genauso wie es auf dem Bild zu sehen ist.
Man soll die Datei natürlich auch mit einem Doppelklick öffen können.

Jetzt die Frage:
Was für eine Swing Komponente eignet sich für das "Feld 4" am besten? Ich habe es mit dem JTextField versucht,
aber da habe ich das gefüll, das es nicht die richtige Komponente für mein Vorhaben ist.

Vielen Dank schonmal im voraus.

 

[Gucky]

Wenn du da nur Bilder anzeigen willst, würde ich dir einem JPanel raten. Da kannst du auch nach Bedarf noch mehr Komponenten einfügen.

 

[Ingerten]

das ging aber schnell, besten Dank Gucky.
Ich werde mich gleich mal ransetzen und es ausprobieren.

Hat noch jemand ein Tipp, wie ich das Image in das JPanel einfügen kann? Ich habe gesehen, das es da verschiedene Möglichkeiten gibt und mein Gefühl sagt mir, das es für ein Anfänger garnicht so einfach ist, bei Java mit Bildern zu arbeiten.

Mir ist auch aufgefallen, das der Ein oder Andere auch mit HTML arbeitet. Ist es sinnvoll in meinem Fall HTML zu nutzen und kann man überhaubt mit HTML im JPanel arbeiten?

 

[Gucky]

HTML geht natürlich auch. Ob man das im JPanel anwenden kann, weiß ich nicht. Ich glaube, das ist eher dafür geeignet, um Bilder in den Textfluss zu integrieren oder sie neben dem Text zu haben.

Guckt dir mal [JAPI]Graphics[/JAPI].drawImage() an.

 

[Ingerten]

Besten Dank Gucky

 

[Ingerten]

Da bin ich schon wieder mit noch einer kleinen frage.

Ich habe mir jetzt eine kleine Methode erstellt:

public void paint(Graphics g){
	ImageIcon i = new ImageIcon("image/bild.png");
	image = i.getImage();
	g.drawImage(image, 100, 130, null);
	}

Jetzt habe ich aber mein JPanel in einer anderen Klasse. Wie lasse ich das Bild im JPanel anzeigen,
gibt es da eine möglichkeit mit "ADD" oder "SET"?

Komando zurück, habs hinbekommen, aber dennnoch danke.
Ich werde den Beitrag dann löschen.

 

[Ingerten]

Hey Männers, ich glaube langsam Java kann einen zur Verzweiflung bringen.

Mein Programm, was ich geschrieben habe, ist soweit fertig. Da habe ich mir gedacht, jetzt exportiere ich es mal,
um zu sehen ob es läuft und siehe da, die grosse Überraschung, er Läd mir die bilder nicht, die ich skalieren will.
Das was ich aber nicht verstehe ist, in Eclipse läuft alles wunderbar.

Jetzt habe ich schon an anderer Stelle festgestellt, das es daran liegt, wie man das Image einbaut.

Ich hatte es erst so, da hat er das Image nach dem Export nicht geladen.

public ImageIcon ICON_ROOT = new ImageIcon("harddisk.png");

Dann habe ich es so gemacht und es hat geklappt

public ImageIcon ICON_ROOT = new ImageIcon(this.getClass().getResource("harddisk.png"));

Wie mach ich das jetzt bei meiner Klasse, hab da schon ein paar sachen versucht, aber ohne Erfolg
hier der Code von meiner Klasse:

package main;

import java.awt.Color;
import java.awt.Font;
import java.awt.Graphics;
import java.awt.Image;
import java.awt.image.BufferedImage;
import java.io.File;
import java.io.IOException;
import java.util.ArrayList;

import javax.imageio.ImageIO;
import javax.swing.*;


public class GraphicsTut extends JList{
    // Das anzuzeigende Icon
	private static final String LINE_SEPARATOR = System.getProperty("line.separator");
    private ImageIcon icon = null;
    private Image img = null, bg_img = null;
    public static ArrayList <String> liste_pdf_open = new ArrayList<String>();
    public String index_filename = null;
    int wNew = 350, hNew = 508; // Grösse Vorschaubild
    // Der Text
    private String text;
 
    public GraphicsTut(String iconpath, String text) 
    {
    	this.setSelectionMode(ListSelectionModel.SINGLE_SELECTION);
		this.setVisibleRowCount(2);
    	
        // Erzeugung des ImageIcons durch Angabe des Bild-Quellpfads
        try {
        	img = new ImageIcon(ImageIO.read(new File(iconpath))).getImage();
			bg_img = new ImageIcon(ImageIO.read(new File("image/bg.jpg"))).getImage();
			
			Image scaledImage = img.getScaledInstance(wNew, hNew,Image.SCALE_SMOOTH);
			Image bg_Image = bg_img.getScaledInstance(505, hNew,Image.SCALE_SMOOTH);
			
			BufferedImage outImg = new BufferedImage(505, hNew,BufferedImage.TYPE_INT_RGB);
        
        Graphics g = outImg.getGraphics();
        g.setColor(Color.WHITE);
        g.drawImage(bg_Image, 0, 0, Color.WHITE, null);
        g.drawImage(scaledImage, 75, 0, Color.WHITE, null);
        Font myFont=new Font("Arial", Font.ITALIC|Font.PLAIN, 26);
        g.setFont( myFont ); //Schriftart setzen
		g.drawString(iconpath,50,50); //String rendern
       //g.drawImage(outImg, x, y, bgcolor, observer)
        g.dispose();
        
        
        g.translate(100, 0);
        icon = new ImageIcon( outImg );
        // Zuweisung des Textes       
        this.text = LINE_SEPARATOR + text;
      
        liste_pdf_open.add(iconpath);
		} catch (IOException e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		}
        
    }       

	// Liefert das Icon
    public ImageIcon getIcon() 
    {
    return icon;
    }
 
    // Liefert den Text
    public String getText() 
    {
        return text;
    }
}

Besten Dank und LG
Ingerten

 

[turtle]

Lies bitte dazu mal meinen Blog-Eintrag.

PS. Komplett lesen bietet sich auch an
Wenn du meinen Blog gelesen hast, weisst du, das folgende Zeile

new File(iconpath)

NICHT aus einer JAR läuft. Du musst ebenfalls hier über den Classpath gehen.

 

[Ingerten]

Besten Dank, sowas muss man als Anfänger erstmal wissen.

Aber ich muss mich erstmal entschuldigen, ich habe euch noch eine wichtige Info unterschlagen.
Die Images liegen auf der Festplatte z.b. "C:\images\A\" also nicht in der klasse.
Wie gehe ich denn da am besten vor, was mache ich denn da falsch?

 

[turtle]

Na, dann hast du meinen Blog nicht komplett verstanden

Du musst lediglich den ClassPath anpassen.

Wenn du meine JarTest hernimmst und das Bild nach c:\images\a (bzw. c:\images\a\resources\images, weil das der Pfadname im Originalcode ist) kopierst, musst du aufrufen

java -cp .;c:\images\a JarTest

 

[dzim]

Nur mal so als Frage: Auch wenn ich mit Swing wenig anfangen kann (wie einige wissen, bin ich eher für SWT und JavaFX zu haben), stellt sich mir augenblicklich die Frage: "Warum kein FlowLayout?"

--> How to Use FlowLayout (The Java™ Tutorials > Creating a GUI With JFC/Swing > Laying Out Components Within a Container)

Da du potentiell ja unterschiedlich viele Bilder da anzeigen wirst, ist da ein solch dynamisches Layout doch sicher die beste Wahl, oder?

 

[Ingerten]

Hallo Männers, das WE ist vorbei und da bin ich wieder.

erstmal zu @dzim,
da ich ja Anfänger bin und noch nicht so viel Erfahrung besitze, habe einfach die Swing-Klasse genommen, weil die in meinem Java-Buch, das ich gekauft habe, ausführlich erläutert wurde.
ich denke mal, beim nächsten Projekt werde ich mal die anderen klassen testen.

und jetzt der @turtle,
ich glaube ich habe es verstanden, es geht um diese Umgebungsvariablen, oder?
Aber eins musst du mir mal noch erklären, wie baue ich denn diese zeile ein?

java -cp .;c:\images\a JarTest

nehmen wir mal das Beispiel von deinem Blog, wie muss es dann aussehen?

    package test;
    import java.awt.BorderLayout;
     
    import javax.swing.ImageIcon;
    import javax.swing.JFrame;
    import javax.swing.JLabel;
    import javax.swing.JPanel;
     
    public class JarTest {
     
        public JarTest() {
            JFrame frame = new JFrame("Logo");
            frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
            JPanel panel = new JPanel();
            ImageIcon icon = createImageIcon("/resources/images/Oracle-Java-300x225.jpg", "Logo");
            JLabel label = new JLabel(icon.getDescription(), icon,  JLabel.CENTER);
            panel.add(label, BorderLayout.CENTER);
            frame.add(panel);
            frame.pack();
            frame.setVisible(true);
        }
       
        public static void main(String[] args) {
            new JarTest();
        }
     
        protected ImageIcon createImageIcon(String path, String description) {
            java.net.URL imgURL = getClass().getResource(path);
            if (imgURL != null) {
                return new ImageIcon(imgURL, description);
            } else {
                System.err.println("Couldn't find file: " + path);
                return null;
            }
        }
    }

 

[turtle]

Du musst diese Zeile

java -cp .;c:\images\a JarTest

nicht in deinem Programm angeben, sondern diese IST der Aufruf von der Kommandozeile.

Startest du das Programm beispielsweise über Eclipse kannst du über die Run_Configuaration/Classpath beliebige Folder hinzunehmen.

Und innerhalb des Programms siehst du ja, das versucht wird folgende Resource zu laden

createImageIcon("/resources/images/Oracle-Java-300x225.jpg", "Logo")

Also musst du gar nichts im Programm ändern!
Wenn du das Bild Oracle-Java-300x225.jpg im Classpath unter c:\images\a haben möchtest, musst du erstens, wie oben beschrieben beim Aufruf den Classpath ändern UND die Datei unter c:\images\a\resources\images\Oracle-Java-300x225.jpg ablegen.

Beachte den Pfad /resources/images aus dem Code und der Lokation im Classpath unter c:\images\a.

 

[Ingerten]

So, ich denke mal, ich bin mit meinem Projekt so gut wie fertig, es sind nurnoch ein paar kleine Sachen

und aus diesem Grund möchte ich mich erstmal für eure Hilfe bedanken, ich glaube ohne die Hilfe aus dem Forum
wäre ich nie fertig geworden oder hätte zumindest ein ganzes Stück mehr Zeit gebraucht.

Also dann bis zum nächsten Projekt und Danke nochmal
:toll: