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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了将字符串的ArrayList对齐(自定义)Box将无法进入正确的位置相关的知识,希望对你有一定的参考价值。

将一组字符串对齐到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);
    }
}
答案

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

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

另一答案

感谢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将无法进入正确的位置的主要内容,如果未能解决你的问题,请参考以下文章

如何为自定义对象的 ArrayList 添加 parcelable 实现?

Flex-box:将最后一行与网格对齐

Flex-box:将最后一行与网格对齐

Flex-box:将最后一行与网格对齐

将 JsonString 转换为自定义的 java ArrayList

将 JsonString 转换为自定义的 java ArrayList