Java - Wie visuell-center eine bestimmte Zeichenfolge (nicht nur Schrift) in einem Rechteck

Ich versuche, visuell-center einen beliebigen Benutzer angegebene Zeichenfolge auf einem JPanel. Ich habe gelesen, Dutzende von anderen ähnlichen Fragen und Antworten hier SO, aber habe noch keine gefunden, die direkt-Adresse das problem, das ich habe.

Im code-Beispiel unten, getWidth() und getHeight() beziehen sich auf die Breite und Höhe des JPanel, auf dem ich lege den text-string. Ich habe festgestellt, dass TextLayout.getBounds() hat einen sehr guten job, mir zu sagen, die Größe von ein umschließendes Rechteck, welches den text. Also dachte ich, es wäre relativ einfach zentrieren Sie den text Rechteck, in das JPanel Rechteck durch die Berechnung der x-und y-Positionen auf dem JPanel der unteren linken Ecke des text-bounding-rectangle:

FontRenderContext context = g2d.getFontRenderContext();
messageTextFont = new Font("Arial", Font.BOLD, fontSize);
TextLayout txt = new TextLayout(messageText, messageTextFont, context);
Rectangle2D bounds = txt.getBounds();
xString = (int)((getWidth() - (int)bounds.getWidth()) / 2 );
yString = (int)((getHeight()/2) + (int)(bounds.getHeight()/2));

g2d.setFont(messageTextFont);
g2d.setColor(rxColor);
g2d.drawString(messageText, xString, yString);

Dies funktionierte perfekt für Saiten, die waren alle groß. Allerdings, wenn ich begann die Prüfung mit strings, die Kleinbuchstaben mit Unterlängen (g, p, y), der text war nicht mehr zentriert. Der absteiger auf die Kleinbuchstaben (die Teile, die sich unterhalb der Grundlinie der schriftart) waren gezogen zu niedrig gezielt auf das JPanel zu haben, der text erscheint zentriert werden.

Das ist, wenn ich entdeckt (Dank SO), dass der y-parameter übergeben drawString() gibt die baseline des gezeichneten text, nicht die Untergrenze. So, wieder mit der Hilfe von SO ich erkannte, dass ich brauchte, um passen Sie die Platzierung des Textes durch die Länge der Unterlängen in meinem string:

....
    TextLayout txt = new TextLayout(messageText, messageTextFont, context);
    Rectangle2D bounds = txt.getBounds();
    int descent = (int)txt.getDescent();
    xString = (int)((getWidth() - (int)bounds.getWidth()) / 2 );
    yString = (int)((getHeight()/2) + (int)(bounds.getHeight()/2) - descent);
....

Getestet habe ich dies mit Streichern schwer in Kleinbuchstaben wie g, p, und y, und es hat Super geklappt! WooHoo! Aber....warten. Ugh. Wenn ich jetzt versuche mit nur Großbuchstaben, der text ist viel zu HOCH auf dem JPanel zu sehen zentriert.

Das ist, als ich entdeckte, dass TextLayout.getDescent() (und alle anderen getDescent () - Methoden, die ich gefunden habe, für andere Klassen) gibt den maximalen Abstieg von der FONT nicht von der spezifischen string. Also, mein groß-string angehoben wurde bis-Konto für den absteiger, der gar nicht auftreten, in dieser Zeichenfolge.

Was soll ich tun? Wenn ich nicht einstellen, dass die y-parameter für die drawString () - Rechnung für Unterlängen dann strings in Kleinbuchstaben mit Unterlängen sind optisch zu niedrig gezielt auf das JPanel. Wenn ich passen Sie die y-parameter für die drawString() unter Berücksichtigung der absteiger dann strings, die nicht enthalten alle Zeichen mit Unterlängen sind optisch zu hoch auf dem JPanel. Es scheint nicht zu irgendeiner Weise für mich, um zu bestimmen, wo die Grundlinie ist in der text-bounding-rectangle für einen GEGEBENEN string. Also, ich kann nicht herausfinden, was genau y zu passieren, um drawString().

Vielen Dank für jede Hilfe oder Anregungen.

Wenn Sie nur beabsichtigen, um die Anzeige einer einzelnen Textzeile, Sie könnten mit etwas wie dieses Beispiel
yString = (int)(((getHeight() + (int) bounds.getHeight()) / 2) - Abstieg);

InformationsquelleAutor MikeW | 2014-05-19

Während ich muck über mit TextLayout Sie konnte einfach die Graphics Kontext FontMetrics zum Beispiel...

Java - Wie visuell-center eine bestimmte Zeichenfolge (nicht nur Schrift) in einem Rechteck

import java.awt.BorderLayout;
import java.awt.Color;
import java.awt.Dimension;
import java.awt.EventQueue;
import java.awt.Font;
import java.awt.FontMetrics;
import java.awt.Graphics;
import java.awt.Graphics2D;
import java.awt.font.FontRenderContext;
import java.awt.font.TextLayout;
import java.awt.geom.Rectangle2D;
import javax.swing.JFrame;
import javax.swing.JPanel;
import javax.swing.UIManager;
import javax.swing.UnsupportedLookAndFeelException;

public class LayoutText {

    public static void main(String[] args) {
        new LayoutText();
    }

    public LayoutText() {
        EventQueue.invokeLater(new Runnable() {
            @Override
            public void run() {
                try {
                    UIManager.setLookAndFeel(UIManager.getSystemLookAndFeelClassName());
                } catch (ClassNotFoundException | InstantiationException | IllegalAccessException | UnsupportedLookAndFeelException ex) {
                }

                JFrame frame = new JFrame("Testing");
                frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
                frame.setLayout(new BorderLayout());
                frame.add(new TestPane());
                frame.pack();
                frame.setLocationRelativeTo(null);
                frame.setVisible(true);
            }
        });
    }

    public class TestPane extends JPanel {

        private String text;

        public TestPane() {
            text = "Along time ago, in a galaxy, far, far away";
        }

        @Override
        public Dimension getPreferredSize() {
            return new Dimension(200, 200);
        }

        @Override
        protected void paintComponent(Graphics g) {
            super.paintComponent(g);
            Graphics2D g2d = (Graphics2D) g.create();

            g2d.setColor(Color.RED);
            g2d.drawLine(getWidth() / 2, 0, getWidth() / 2, getHeight());
            g2d.drawLine(0, getHeight() / 2, getWidth(), getHeight() / 2);

            Font font = new Font("Arial", Font.BOLD, 48);
            g2d.setFont(font);
            FontMetrics fm = g2d.getFontMetrics();
            int x = ((getWidth() - fm.stringWidth(text)) / 2);
            int y = ((getHeight() - fm.getHeight()) / 2) + fm.getAscent();

            g2d.setColor(Color.BLACK);
            g2d.drawString(text, x, y);

            g2d.dispose();
        }
    }

}

Okay, nach einigem Getue über...

Grundsätzlich, text-rendering erfolgt auf der Grundlinie, das macht die y position der Schranken erscheinen meist oberhalb dieser Stelle, so dass es wie der text ist lackiert, oberhalb der y position

Um dies zu überwinden, müssen wir hinzufügen, die schriftart Aufstieg abzüglich der schriftart Abstieg zum y position...

Zum Beispiel...

FontRenderContext context = g2d.getFontRenderContext();
Font font = new Font("Arial", Font.BOLD, 48);
TextLayout txt = new TextLayout(text, font, context);

Rectangle2D bounds = txt.getBounds();
int x = (int) ((getWidth() - (int) bounds.getWidth()) / 2);
int y = (int) ((getHeight() - (bounds.getHeight() - txt.getDescent())) / 2);
y += txt.getAscent() - txt.getDescent();

... Das ist, warum ich Liebe Rendern von text mit der hand ...

Runnable Beispiel...

Java - Wie visuell-center eine bestimmte Zeichenfolge (nicht nur Schrift) in einem Rechteck

import java.awt.BorderLayout;
import java.awt.Color;
import java.awt.Dimension;
import java.awt.EventQueue;
import java.awt.Font;
import java.awt.FontMetrics;
import java.awt.Graphics;
import java.awt.Graphics2D;
import java.awt.font.FontRenderContext;
import java.awt.font.TextLayout;
import java.awt.geom.Rectangle2D;
import javax.swing.JFrame;
import javax.swing.JPanel;
import javax.swing.UIManager;
import javax.swing.UnsupportedLookAndFeelException;

public class LayoutText {

    public static void main(String[] args) {
        new LayoutText();
    }

    public LayoutText() {
        EventQueue.invokeLater(new Runnable() {
            @Override
            public void run() {
                try {
                    UIManager.setLookAndFeel(UIManager.getSystemLookAndFeelClassName());
                } catch (ClassNotFoundException | InstantiationException | IllegalAccessException | UnsupportedLookAndFeelException ex) {
                }

                JFrame frame = new JFrame("Testing");
                frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
                frame.setLayout(new BorderLayout());
                frame.add(new TestPane());
                frame.pack();
                frame.setLocationRelativeTo(null);
                frame.setVisible(true);
            }
        });
    }

    public class TestPane extends JPanel {

        private String text;

        public TestPane() {
            text = "Along time ago, in a galaxy, far, far away";
        }

        @Override
        public Dimension getPreferredSize() {
            return new Dimension(200, 200);
        }

        @Override
        protected void paintComponent(Graphics g) {
            super.paintComponent(g);
            Graphics2D g2d = (Graphics2D) g.create();

            g2d.setColor(Color.RED);
            g2d.drawLine(getWidth() / 2, 0, getWidth() / 2, getHeight());
            g2d.drawLine(0, getHeight() / 2, getWidth(), getHeight() / 2);

            FontRenderContext context = g2d.getFontRenderContext();
            Font font = new Font("Arial", Font.BOLD, 48);
            TextLayout txt = new TextLayout(text, font, context);

            Rectangle2D bounds = txt.getBounds();
            int x = (int) ((getWidth() - (int) bounds.getWidth()) / 2);
            int y = (int) ((getHeight() - (bounds.getHeight() - txt.getDescent())) / 2);
            y += txt.getAscent() - txt.getDescent();

            g2d.setFont(font);
            g2d.setColor(Color.BLACK);
            g2d.drawString(text, x, y);

            g2d.setColor(Color.BLUE);
            g2d.translate(x, y);
            g2d.draw(bounds);

            g2d.dispose();
        }
    }

}

Werfen Sie einen Blick auf Arbeiten mit Text-APIs weitere Informationen...

Aktualisiert

Wie bereits vorgeschlagen, könnte man eine GlyphVector...

Jedes Wort (Cat und Dog) wird separat berechnet, zu zeigen, die Unterschiede

Java - Wie visuell-center eine bestimmte Zeichenfolge (nicht nur Schrift) in einem Rechteck

import java.awt.BorderLayout;
import java.awt.Color;
import java.awt.Dimension;
import java.awt.EventQueue;
import java.awt.Font;
import java.awt.Graphics;
import java.awt.Graphics2D;
import java.awt.font.FontRenderContext;
import java.awt.font.GlyphVector;
import java.awt.geom.Rectangle2D;
import javax.swing.JFrame;
import javax.swing.JPanel;
import javax.swing.UIManager;
import javax.swing.UnsupportedLookAndFeelException;

public class LayoutText {

    public static void main(String[] args) {
        new LayoutText();
    }

    public LayoutText() {
        EventQueue.invokeLater(new Runnable() {
            @Override
            public void run() {
                try {
                    UIManager.setLookAndFeel(UIManager.getSystemLookAndFeelClassName());
                } catch (ClassNotFoundException | InstantiationException | IllegalAccessException | UnsupportedLookAndFeelException ex) {
                }

                JFrame frame = new JFrame("Testing");
                frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
                frame.setLayout(new BorderLayout());
                frame.add(new TestPane());
                frame.pack();
                frame.setLocationRelativeTo(null);
                frame.setVisible(true);
            }
        });
    }

    public class TestPane extends JPanel {

        private String text;

        public TestPane() {
            text = "A long time ago, in a galaxy, far, far away";
        }

        @Override
        public Dimension getPreferredSize() {
            return new Dimension(200, 200);
        }

        @Override
        protected void paintComponent(Graphics g) {
            super.paintComponent(g);
            Graphics2D g2d = (Graphics2D) g.create();

            g2d.setColor(Color.RED);
            g2d.drawLine(getWidth() / 2, 0, getWidth() / 2, getHeight());
            g2d.drawLine(0, getHeight() / 2, getWidth(), getHeight() / 2);

            Font font = new Font("Arial", Font.BOLD, 48);
            g2d.setFont(font);

            FontRenderContext frc = g2d.getFontRenderContext();
            GlyphVector gv = font.createGlyphVector(frc, "Cat");
            Rectangle2D box = gv.getVisualBounds();

            int x = 0;
            int y = (int)(((getHeight() - box.getHeight()) / 2d) + (-box.getY()));
            g2d.drawString("Cat", x, y);

            x += box.getWidth();

            gv = font.createGlyphVector(frc, "Dog");
            box = gv.getVisualBounds();

            y = (int)(((getHeight() - box.getHeight()) / 2d) + (-box.getY()));
            g2d.drawString("Dog", x, y);

            g2d.dispose();
        }
    }

}

Neige ich immer dazu, um direkt eine Shape erhalten Sie von GlyphVector. Auf diese Weise können wir nicht nur einfach um einen double-Wert von der Größe der Form, aber können es verwenden, wie ein Grafik-clip oder füllen Sie/es ziehen, wie man im dieses Beispiel. In Java scheint es ein Dutzend Möglichkeiten, um die Haut dieser Katze.
Nicht das argument hier, die TextLayout ist wirklich "komisch" meiner Meinung nach, scheint eingängig, wenn im Vergleich zu anderen Ansätzen
Danke, MadProgrammer für die schnelle ready-to-test-Reaktion. Das problem, das ich habe, ist, dass, wie Sie sagen, getAscent() und getDescent() liefern die SCHRIFTART, Aufstieg und Abstieg, unabhängig davon, ob eines der Zeichen, die in der bestimmten Zeichenfolge tatsächlich erweitern, um den vollständigen Aufstieg oder Abstieg. Also, wenn du einen string hast, der deckt die ganze Bandbreite, es sieht aus der Nähe zentriert: link, ABER, wenn du einen string hast, hat grundsätzlich keinen Abstieg oder grundsätzlich keinen Aufstieg, es kann schief gehen: link. Gedanken?
Das ist der beste, den Sie bekommen. Wenn Sie einen Blick auf Mess-Text, sehen Sie, dass die schriftart, die Höhe ist der Aufstieg + Abstieg. Man könnte "versuchen" und gehen Sie durch jedes Zeichen und berechnen Sie eine Art von Durchschnitt, aber ganz ehrlich, das ist eine Menge Arbeit.
Ich habe einen test mit GlyphVector haben Sie einen Blick auf das update
"ich habe einen test mit GlyphVector.." war ich darauf warten, dass. 😉
Es ist eine sehr einfache Prüfung, immer noch nicht überzeugt, müssen noch mehr Tests 😉
"A long time ago, in a galaxy, far, far away" Sprechen, von denen Möge Der Frieden Mit Euch Sein,. 😉 Das war ein bisschen eine saga gelöst mit den GlyphVector des Unicode-symbol für den Frieden unter den ein-Sterne-Warsesque schriftart. Die Schrift musste sich in einem Area bevor ich konnte ordnungsgemäß tun, die Umrisse der verbundenen Buchstaben. Ich benutzte die Gliederung des peace-symbol als Clip für die "Sterne-Bereich" das Bild. Es hat Spaß gemacht (auf einem Brötchen)!
Ja, ich habe ähnliche Effekte auf diese Weise, nicht davon überzeugt, über die es verwenden, um text zentrieren, aber das ist nur meine persönliche Vorliebe 😉
Ja, muss zugeben, dass zentrieren von text ist in der Regel nur die erste von vielen Dingen, die ich tun werde, wenn text-rendering. Ich meine, wenn Sie das tun, benutzerdefinierte rendering sowieso, könnte man genauso gut fügen Sie ein wenig Flair. 🙂
Danke, MadProgrammer für die Verlängerung Ihrer Antwort enthalten GlyphVector. Es ist GENAU das was ich brauchte! Und danke an @Andrew Thompson für seine Beiträge in diese Richtung zu. Vielleicht GlyphVector ist nicht die Lösung für alle text-Zentrierung Situationen, aber es löst mein problem. Im Gegensatz zu der Art, wie die "AAAA" und "yyyy" Beispiele verlinkt in meinem Kommentar oben nicht Mitte, die beiden anderen differeing Beispiele zentriert perfekt mit Ihrem GlyphVector code: link und link.
es ist ein Fehler in der code - "Zusammen" geschrieben werden soll, mit einem Leerzeichen
Ich würde nicht denken, dass ein "Fehler im code", der code läuft immer noch und zeigt auf den Punkt
ja, nur ein Scherz, das Beispiel ist perfekt, tnx 🙂

InformationsquelleAutor MadProgrammer

5

Ich denke diese Antwort ist der richtige Weg, es zu tun, aber ich habe in der Vergangenheit Probleme mit benutzerdefinierten Schriftarten und bekommen Ihre Grenzen. In einem Projekt musste ich zurückgreifen, die eigentlich immer den Umriss der Schrift, und mit diesen Grenzen. Diese Methode ist wahrscheinlich mehr Speicher-intensive jedoch scheint es sich um ein surefire Weg font Grenzen.
```
@Override
protected void paintComponent(Graphics g) {
    super.paintComponent(g);
    Font font = new Font("Arial", Font.BOLD, 48);
    String text = "Along time ago, in a galaxy, far, far away";

    Shape outline = font.createGlyphVector(g.getFontMetrics().getFontRenderContext(), text).getOutline();
    //the shape returned is located at the left side of the baseline, this means we need to re-align it to the top left corner. We also want to set it the the center of the screen while we are there
    AffineTransform transform = AffineTransform.getTranslateInstance(
                -outline.getBounds().getX() + getWidth()/2 - outline.getBounds().width / 2, 
                -outline.getBounds().getY() + getHeight()/2 - outline.getBounds().height / 2);
    outline = transform.createTransformedShape(outline);
    g2d.fill(outline);
}
```
Wie ich schon sagte, bevor Sie versuchen, verwenden Sie die font-Metriken, aber wenn alles fehlschlägt, versuchen Sie diese Methode aus.
- "..In einem Projekt musste ich zurückgreifen, die eigentlich immer den Umriss der Schrift, und mit diesen Grenzen." ach, so wie ich war nur wenige Augenblicke vor kommentieren! Ich habe gerade fertig mit über 20+ Beispiele, die alle verwenden die Shape von der Glyphen. Sie können sehen, einige der Ergebnisse auf meine FaceBook-Seite.
- Ug_, war ich in Richtung auf das ausprobieren der GlyphVector Ansatz, wenn ich beschloss, zu kommen und SO sehen, ob es etwas war, was mir fehlte, über die Verwendung von FontMetrics-oder TextLayout. Als ich sah, Ihre Antwort, die ich begann zu denken, es war der richtige Weg für mich ist. Zum Glück, @MadProgrammer Hinzugefügt GlyphVector seinem Beispiel-code und das war es. Danke, dass du als erste zu erwähnen, es für diese Frage, obwohl ich letztlich akzeptiert MadProgrammer Antwort. Ich habe markieren Sie Ihre Antwort als nützlich, weil ich denke, dass Sie und Andrew Thompson geholfen, Zwang zu versuchen, diese Lösung.
- Danke für die Antwort, die ich zu schätzen. Ich bin damit einverstanden, dass die mad-Programmierer definitiv eine viel bessere Antwort mit eine Menge tolle Details in die Materie ein und verdient das akzeptieren 🙂
InformationsquelleAutor ug_

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.