unable to position text and rectangle

[roeeNavonPrivate]

i am trying to write a ui component that is a text inside a rectangle, such as the text will fit exactly the rectangle (so i whould be able to use a java class to add padding to the text) so far it is the results:

there are 2 problems:
there is a gap around the text (that i want to get rid of)
the gap changes base on font size
here is the code

package tg;
import java.awt.Color;
import java.awt.Font;
import java.awt.FontMetrics;
import java.awt.Graphics2D;
import java.awt.Rectangle;
import java.awt.RenderingHints;
import java.awt.font.FontRenderContext;
import java.awt.font.GlyphVector;
import java.awt.font.LineMetrics;

import de.gurkenlabs.litiengine.Align;
import de.gurkenlabs.litiengine.Game;
import de.gurkenlabs.litiengine.Valign;
import de.gurkenlabs.litiengine.graphics.ShapeRenderer;
import de.gurkenlabs.litiengine.graphics.TextRenderer;
import de.gurkenlabs.litiengine.gui.GuiComponent;
import de.gurkenlabs.litiengine.gui.screens.Screen;
import javafx.geometry.Rectangle2D;

public class Main extends Screen{
	protected Main(String screenName) {
        super(screenName);
    }
	

    @Override
    public void render(final Graphics2D g) {
        super.render(g); // Ensure the default rendering is also performed
        // Optional: Add a background color for troubleshooting
        g.setColor(Color.black);
        g.fillRect(0, 0, Game.window().getWidth(), Game.window().getHeight());
        g.setRenderingHint(RenderingHints.KEY_ANTIALIASING,
                RenderingHints.VALUE_ANTIALIAS_ON);

// must be called before getStringBounds()
        g.setFont(getDesiredFont());

        String str = "My Text";
        float x = 140, y = 140;

        Rectangle bounds = getStringBounds(g, str, x, y);
        
        g.setColor(Color.blue);
        ShapeRenderer.render(g, bounds);
        
        g.setColor(Color.red);
        TextRenderer.render(g, str, x, y);

        g.dispose();
    }

    public static void main(String[] args) {
        Game.init();
        Game.screens().display(new Main("hello"));
        Game.start();
    }
    
    private Font getDesiredFont()
    {
        return new Font(Font.SANS_SERIF, Font.BOLD, 100);
    }
    
    private Rectangle getStringBounds(Graphics2D g2, String str, float x, float y) {
        FontMetrics metrics = g2.getFontMetrics();
        Rectangle bounds = metrics.getStringBounds(str, g2).getBounds();

        // Calculate the baseline position
        LineMetrics lineMetrics = g2.getFont().getLineMetrics(str, g2.getFontRenderContext());
        float baselineY = y - lineMetrics.getAscent() + lineMetrics.getDescent();

        // Adjust bounds to match the position where the text is rendered
        bounds.setRect(x, baselineY, bounds.getWidth(), lineMetrics.getAscent());
        return bounds;
    }
}

[nightm4re94]

Hi, I'm currently on vacation until mid-march, sorry. Will try to help once I'm back.

[roeeNavonPrivate]

Thanks

[nightm4re94]

To achieve this, the FontMetrics are not precise enough. You will have to create a GlyphVector from the given string and then determine its bounding box, which you will then translate to the given coordinates.
Watch out, calculating GlyphVectors is expensive! In this example, you can compare bounds1 and bounds2 (or bounds3 and bounds4) to see how GlyphVectors and string bounds calculated via FontMetrics compare.

    String str = "My Text";
    float x = 140, y = 140;
    FontMetrics fm = g.getFontMetrics();
    Rectangle2D bounds1 = fm.getStringBounds(str, g);
    GlyphVector vec = g.getFont().createGlyphVector(g.getFontRenderContext(), str);
    Rectangle2D bounds2  = vec.getVisualBounds();
    AffineTransform at = new AffineTransform();
    at.translate(x,y);
    Shape bounds3 = at.createTransformedShape(bounds1);
    Shape bounds4 = at.createTransformedShape(bounds2);

    g.setColor(Color.blue);
    ShapeRenderer.render(g, bounds3);
    g.setColor(Color.green);
    ShapeRenderer.render(g, bounds4);

    g.setColor(Color.red);
    TextRenderer.render(g, str, x, y);