Grafik in JFrame einpassen

[kwonilchang]

Hallo zusammen!

Hoffe mal, es kann mir jemand weiterhelfen:

Ich möchte ein Graustufenbild in Ascii-Art umwandeln und dann in einem JFrame anzeigen lassen. Die Umwandlung lief ohne Probleme; das Ascii-Art-Bild liegt als 2d-char-Array vor.

Mein Problem ist nun die Anzeige. Das Ascii-Art-Bild wird zwar gezeichnet, aber es passt sich nicht in den vorgesehenen JFrame ein. Also, wenn ich den JFrame größer ziehe, dann sehe ich mehr vom Bild, aber nicht das ganze.

Hier der Code soweit:

import javax.swing.*;
import java.awt.*;

public class TestFrame extends JFrame {
   
    private char[][] image;
    private int width;
    private int height;
   
    public TestFrame(char[][] image) {
        this.image = image;
        this.width = image[0].length;
        this.height = image.length;
    }
  
    public void paint(Graphics g) {
        super.paint(g);
       
        for(int i = 0; i < height; i++) {
            g.drawChars(this.image[i], 0, this.width, 0, i);
        }
    }
}

Und in einer anderen Klasse die Erzeugung und Anpassung des Frames:

public void testPrintingAscii(char[][] image) {
    JFrame frame =new TestFrame(image);
        frame.setTitle("Test");
        frame.setSize(300,300);
       
        //frame.setBackground(Color.WHITE);
       
        frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
       
        frame.validate();
        frame.setVisible(true);
}

Wie bekomme ich es hin, dass das Ascii-Art-Bild sich auf den Frame "verkleinert"? Ist meine Herangehensweise evtl. schon falsch? Btw: wie kann der "Hintergrund" der Graphik weiß eingefärbt werden (setBackground() zeigt keine Wirkung)?

Danke schonmal!

 

[Blender3D]

Ist meine Herangehensweise evtl. schon falsch?

Also ich bin mir nicht ganz sicher ob ich verstanden habe was Du genau machen willst.
Ich vermute an dieser Stelle einmal:
Du möchtest Zeichen z.B. so etwas ausgeben.
O
/H\
/ \

Das ist nicht wirklich einfach zu lösen, da Du jedes Zeichen an einer genauen Position ausgebeben musst.
Eine Näherung kannst Du mit einer nicht proportionalen Schriftart ( alle Zeichen sind gleich breit ) hinschreiben.

public class testASC {
    public static void main(String[] args) {
        String[] img = { " O ", "/H\\", " / \\" };       
        JFrame frame = new JFrame();
        frame.setTitle("ASCII Art");
        frame.add(new PicturePanel(img, 400, 100));
        frame.setResizable(false);
        frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        frame.pack();
        frame.setVisible(true);
    }
}

import java.awt.Color;
import java.awt.Dimension;
import java.awt.Font;
import java.awt.FontMetrics;
import java.awt.Graphics;
import java.util.Arrays;
import javax.swing.JPanel;

@SuppressWarnings("serial")
public class PicturePanel extends JPanel {
    private String[] image;

    public PicturePanel(String[] img, int width, int height) {
        setPreferredSize(new Dimension(width, height));
        this.image = Arrays.copyOf(img, img.length);
        int size = height / (img.length - 1) / 2; // center y
        setFont(new Font("Fixed", Font.PLAIN, size));
        setBackground(Color.BLACK);
        setForeground(Color.YELLOW);
    }

    @Override
    protected void paintComponent(Graphics g) {
        super.paintComponent(g);
        FontMetrics fm = g.getFontMetrics();
        int lineHeight = fm.getHeight() - fm.getDescent();
        int xPos = (getWidth() - fm.stringWidth(image[getMaxStringId()])) / 2; // center x
        for (int i = 0; i < image.length; i++) {
            g.drawString(image[i], xPos, (i + 1) * lineHeight);
        }
    }

    /**
     * Finds position of longest string in image array.
     *
     * @return int
     */
    private int getMaxStringId() {
        int idMax = 0;
        for (int i = 1; i < image.length; i++) {
            if (image[idMax].length() < image[i].length())
                idMax = i;
        }
        return idMax;
    }
}

Ich hoffe das hilft Dir.


PS. Das Ableiten von JFrame ist nicht so gut. In Swing sollte man nicht paint() sondern paintComponent() überschreiben.

 

[kwonilchang]

Danke für die Hinweise! Hat mich ein großes Stück weiter gebracht

Das Ascii-Art-Bild, das ich ausgeben will, ist in dem Format des Originalbildes. Also z. B. habe ich ein 180x231 Pixel-Bild in ein entsprechendes 2d-char-Array umgewandelt. Jedes Pixel wird darin durch einen char repräsentiert.

Ausgehend von Deinem Code habe ich folgendes gemacht:

import javax.swing.*;
import java.awt.*;

@SuppressWarnings("serial")
public class TestFrame extends JPanel {
    private char[][] image;
    private int width;
    private int height;

    public TestFrame(char[][] image, int width, int height) {
    Dimension dim = new Dimension(width,height);
    setPreferredSize(dim);

    this.image = image;
    this.width = width; 
    this.height = height; 

    setFont(new Font("Monospaced", Font.PLAIN, 2));

    setBackground(Color.WHITE);
    setForeground(Color.BLACK);
    }

    @Override
    public void paintComponent(Graphics g) {
    super.paintComponent(g);

    for (int i = 0; i < this.height; i++) {
        g.drawChars(image[i], 0, this.width, 0, i);
    }
    }
}

Und entsprechend:

private static void testPrintingAscii(char[][] image) {
    JFrame frame = new JFrame();
    frame.setTitle("Test");
    frame.setResizable(true);
   
    TestFrame t = new TestFrame(image, width, height);

    frame.add(t);
   
    frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);

    frame.pack();
    frame.setVisible(true);
    }

Damit ist die Einpassung erfolgreich. Nur bei großen Bildern wird mir der untere Fensterrand nicht mehr angezeigt. Da müsste man wohl die Bildschirmgröße in die JPanelgröße miteinbeziehen.

 

[Blender3D]

JPanel in eine JScrollPane packen!