将字符串的ArrayList对齐（自定义）Box将无法进入正确的位置

Question

将一组字符串对齐到Java框中的底部我有一点问题。

注意：我使用的Box类不是默认> javax.Swing框！这是一个简单的成本箱，有x，y位置，宽度和高度！

What do I currently have?

一个Message类，可以通过我的Allign类单独对齐。
包含MessageList对象的ArrayList的Message对象，可以与Allign类对齐。
包含盒子位置和尺寸的Box对象。 Allign类使用此框来对齐对象。
Allign类可以对齐不同类型的对象，并使用Box对象进行对齐。

How does my code should work:

（代码片段在页面下方）

Message对象可以使用不同的Font设置。 Allign类可以对齐这些Messages对象。 Message类包含一个名为obtainFontDimension()的方法，它在首选的Font设置中获取对象String的边界。当我们想要将对齐应用于Message对象时，我创建了一个Box对象，其中包含x，y位置以及宽度和高度。通过调用Allign.applyAllignment(params)，将应用计算来对齐Message中的Box对象，并且将设置Message的dx，dy（绘制x，y位置）。

直到这里它工作正常。

现在我创建一个MessageList对象并添加一些（Message对象。当对此应用对齐时，它将运行它包含的Message对象，并将在它们上调用obtainFontDimensions()。这些字符串的高度将相加，并且结果得到了弦乐的总高度（int listHeight）。为了得到每个Message物体的绘制位置，我们取Box的y位置，我们想要对齐。首先我们删除listHeight的y位置的Box：

现在我们得到了第一个String的偏移量。当应用底部对齐时，它只是将Box的高度添加到偏移量。最后，通过将当前Message对象高度添加到te offset，为下一个Message对象设置偏移量。下一次迭代的时间，直到ArrayList完全计算完毕。这应该导致以下结果：

What is going wrong?

当将对齐应用于MessageList对象时，一些字符串完美地相互接触（参见图像上的圆圈B），并且一些像素保持一些像素距离其他像素更远（参见图像上的圆A1，A2）。接下来，底部仍有一个意想不到的填充（参见图像上的圆圈C）。

What have I attempted so far?

首先，我一直在检查弦乐的高度，这些看起来都是正确的。所以`obtainFontDimensions（）`方法似乎工作正常。
在纸上绘制概念，并尝试重新计算程序，这应该让我获得字符串的正确位置。例如： - `Box`：x = 80，y = 80，宽度= 100，高度= 100 - 具有3个“消息”的`MessageList`，其高度为0 = 10,1 = 10,2 = 20。这些字符串的总高度为40像素。 - 在实际对齐之前，第一个String的位置变为box.y-listHeight，即40。 - 当实际指向底部时，偏移量变为40 + 100 = 140。 - 将计算第二个字符串的偏移量：140 + 20（当前消息的高度）= 160。 - 重复第三个字符串，即160 + 10 = 170. - 这意味着，最终字符串的底线是170 + 10 = 180，等于“Box”底部的底部。
你的建议......？

Code snippets

（只有重要部分）

public class Window()
{
    public void draw(Graphics2D g2d)
    {
        Box contentBox = new Box(100, 100, 300, 300);
        Message loadTitle = new Message("This is a testing TITLE", Colors.ORANGE, Fonts.LOADING_TITLE, false);
        Message loadDescription = new Message(loadString, Colors.RED, Fonts.LOADING_DESCRIPTION, false);
        Message loadTip = new Message("This is a random TIP!", Colors.RED, Fonts.LOADING_DESCRIPTION, false);
        Message loadRelease = new Message("Planned game release 2939!", Colors.RED, Fonts.LOADING_DESCRIPTION, false);
        Message loadSingle = new Message("THIS IS A SINGLE MESSAGE! 2o15", Colors.RED, Fonts.LOADING_DESCRIPTION, false);

        MessageList list = new MessageList();
        list.add(loadTitle);
        list.add(loadDescription);
        list.add(loadTip);
        list.add(loadRelease);
        list.add(loadSingle);
        Allign.applyAllignment(g2d, Allignment.BOTTOM_RIGHT, list, loadBox);

        loadBox.testDraw(g2d);
        loadTitle.draw(g2d);
        loadDescription.draw(g2d);
        loadTip.draw(g2d);
        loadRelease.draw(g2d);
        loadSingle.draw(g2d);
    }
}

public class Message 
{   
    private String text;
    private Color color;
    private Font font;
    private int dx, dy;
    private int width, height;
    private Rectancle2D vb; // temp

    public Message(String text, int x, int y, Color color, Font font)
    {
        // set text, color, font, x, y..
    }
    public Rectangle2D obtainFontDimension(Graphics2D g2d)
    {
       if(font == null){ font = Fonts.DEFAULT; }
        g2d.setFont(font);

        FontRenderContext frc = g2d.getFontRenderContext();
       GlyphVector gv = g2d.getFont().createGlyphVector(frc, text);
        Rectangle2D vb = gv.getPixelBounds(null, 0, 0);

        this.width = (int)vb.getWidth();
        this.height = (int)vb.getHeight();
        this.gv = gv; // TEMP for bound drawing

        return vb;
    }
    public void draw(Graphics2D g2d)
    {
        g2d.setFont(font);
        g2d.setColor(color);
        g2d.drawString(text, dx, dy);

        // TEMP draw bounds
        g2d.setColor(new Color(0, 0, 0, 100));
        g2d.draw(gv.getPixelBounds(null, dx, dy));
    }
}

public class Allign
{
    public static enum Allignment
    {
        BOTTOM_RIGHT
        //, etc
    }
    public static void applyAllignment(Graphics2D g2d, Allignment allignment, Object object, Box box)
    {
        Point position = null;
        Point dimension = null;

        if(obj instanceof Message){ // Single Message object }
        else if(obj instanceof Message)
        {
         MessageList messageList = (MessageList) obj;

            int listHeight = 0;
            for(Message message : messageList.getList())
            {
                listHeight += message.obtainFontDimension(g2d).getHeight();
            }
            position = new Point(box.x, box.y-listHeight); // offset Y

           for(Message message : messageList.getList())
            {
                message.setDrawPosition(allign(allignment, position, new Dimension(message.getWidth(), 0), box, true));
                position.y += message.getHeight();
            }
        }
    }
    private static Point allign(Allignment allignment, Point position, Dimension dimension, Box box, boolean verticalAllign)
    {
        switch(allignment)
        {
            case BOTTOM_RIGHT:
                position = allignRight(position, dimension, box);
                if(!verticalAllign) break;
                position = allignBottom(position, dimension, box);
                break;
            // Rest
        }
    }
    private static Point allignBottom(Point position, Dimension dimension, Box box)
    {
        return new Point(position.x, position.y+box.height-dimension.height);
    }
}

Answer 1

我能建议像这样的实用程序类吗？

public class TextPrinter {

    public enum VerticalAlign {

        TOP,
        MIDDLE,
        BOTTOM
    }

    public enum HorizontalAlign {

        LEFT,
        CENTER,
        RIGHT
    }

    private Font font;
    private Color color;
    private int width;
    private int height;
    private VerticalAlign vAlign = VerticalAlign.TOP;
    private HorizontalAlign hAlign = HorizontalAlign.LEFT;

    public Font getFont() {
        return font;
    }

    public void setFont(Font font) {
        this.font = font;
    }

    public int getWidth() {
        return width;
    }

    public void setWidth(int width) {
        this.width = width;
    }

    public int getHeight() {
        return height;
    }

    public void setHeight(int height) {
        this.height = height;
    }

    public VerticalAlign getVerticalAlign() {
        return vAlign;
    }

    public void setVerticalAlign(VerticalAlign vAlign) {
        this.vAlign = vAlign;
    }

    public HorizontalAlign getHorizontalAlign() {
        return hAlign;
    }

    public void setHorizontalAlign(HorizontalAlign hAlign) {
        this.hAlign = hAlign;
    }

    public Color getColor() {
        return color;
    }

    public void setColor(Color color) {
        this.color = color;
    }

    private int getOffSetX(int widthText){
        int result = 0;
        if (hAlign == HorizontalAlign.CENTER){
            result = (width - widthText)/2;
        } else if (hAlign == HorizontalAlign.RIGHT){
            result = width - widthText;
        }
        return result;
    }

    private int getOffSetY(int ascent, int descent){
        int result = ascent;
        if (vAlign == VerticalAlign.MIDDLE){
            result = (height + ascent - descent)/2;
        } else if (vAlign == VerticalAlign.BOTTOM){
            result = height - descent;
        }
        return result;
    }

    public void print(Graphics g, String text, int x, int y) {
        g.setColor(color);
        g.setFont(font);
        FontMetrics fm = g.getFontMetrics(font);

        int widthText = fm.stringWidth(text);
        g.drawString(text, x + getOffSetX(widthText), y + getOffSetY(fm.getAscent(), fm.getDescent()));
    }
}

我在扑克游戏中使用它：https://github.com/dperezcabrera/jpoker

Answer 2

感谢David Perez和VGR的投入！

我已切换回Font指标，抓住了字符串边界的高度。但是，这仅使用基线的高度到最高的上升点。对于正确的底部间距（如在顶部），我添加了下降整数。

public int obtainFontDimension(Graphics2D g2d)
{
    if(font == null){ font = Fonts.DEFAULT; }
    g2d.setFont(font);

    FontMetrics fm = g2d.getFontMetrics(font);
    Rectangle2D sb = fm.getStringBounds(text, g2d);
    this.width = (int)sb.getWidth();
    this.height = (int)sb.getHeight();
    this.descent = (int)fm.getDescent(); // added
    tempShape = new Rectangle(width, height+descent); // Temp for drawing bounds

    return height;
}

在对齐开始之前，我首先计算消息列表中所有字符串的总高度。总高度是String的高度，包括降序高度。

然后我需要获得每个垂直对齐可能性的偏移高度，我已经添加了。（TOP，MIDDLE，BOTTOM）

在那之后，我们通过在每次迭代时将高度和下降添加到偏移量来对齐每个消息，此时禁用垂直对齐，或者它将每个消息水平地重新分配为单个Message对象而不是一组消息，但它允许它垂直对齐。

if (obj instanceof MessageList)
{
    MessageList messageList = (MessageList) obj;

    int listHeight = 0;
    for(Message message : messageList.getList())
    {
        message.obtainFontDimension(g2d);
        listHeight += message.getHeight()+message.getDescent();
    }

    position = new Point(box.x, box.y);
    Dimension listDimension = new Dimension(0, listHeight);
    if( allignment == Allignment.MIDDLE || allignment == Allignment.MIDDLE_LEFT
    || allignment == Allignment.ABSOLUTE_MIDDLE || allignment == Allignment.MIDDLE_RIGHT)
    {
        position = allign(Allignment.MIDDLE, position, listDimension, box, true);
    }
    else if(allignment == Allignment.BOTTOM || allignment == Allignment.BOTTOM_LEFT
    ||       allignment == Allignment.BOTTOM_CENTER ||  allignment == Allignment.BOTTOM_RIGHT)
    {
        position = allign(Allignment.BOTTOM, position, listDimension, box, true); 
    }
    else
    {
        position = allign(Allignment.TOP, position, listDimension, box, true); 
    }

    for(Message message : messageList.getList())
    {
        position.y += message.getHeight(); // prepare the offset
        message.setDrawPosition(allign(allignment, position, new Dimension(message.getWidth(), 0), box, true));
        position.y += message.getDescent(); // add descending offset for next itteration
    }
}

使用新边界绘制消息：

public void draw(Graphics2D g2d)
{
    g2d.setFont(font);
    g2d.setColor(color);
    g2d.drawString(text, dx, dy);

    // Drawing bounds for testing
    g2d.setColor(new Color(0, 0, 0, 100));
    shape.setLocation(dx, dy-height);
    g2d.draw(tempShape);
}

最后结果：

再次感谢！

将字符串的ArrayList对齐（自定义）Box将无法进入正确的位置

问题描述投票：1回答：2

What do I currently have?

How does my code should work:

What is going wrong?

What have I attempted so far?

Code snippets

2个回答

最新问题

将字符串的ArrayList对齐（自定义）Box将无法进入正确的位置

问题描述 投票：1回答：2

What do I currently have?

How does my code should work:

What is going wrong?

What have I attempted so far?

Code snippets

2个回答

最新问题

问题描述投票：1回答：2