使用TableLayout溢出布局

时间:2018-10-30 12:20:12

标签: java codenameone layout-manager tablelayout

我需要在一种表格中连续显示三件事。第一列的固定宽度应为屏幕的15%。第三个应该正确对齐并采用其首选宽度。第二个应该占用所有剩余空间(我需要添加一些间距,但这是另一回事了。)

这发生在start

    final Container list = new Container(BoxLayout.y());
    list.setScrollableY(true);
    final String[][] lines = {
            {"19", "Some text", "123,00"},
            {"20", "Some very very very very looong text", "1,00"},
    };
    for(final String[] line : lines) list.add(createContainer(line));
    form.add(list);

容器相当简单:

private Container createContainer(String[] line) {
    final TableLayout tableLayout = new TableLayout(1, 3);
    tableLayout.setGrowHorizontally(true);
    final Container result = new Container(tableLayout);
    {
        final Label l = new Label(line[0]);
        l.getAllStyles().setFgColor(0x0000FF);
        result.add(tableLayout.createConstraint().widthPercentage(15), l);
    }
    {
        final Label l = new Label(emptyToSpace(line[1]));
        l.getAllStyles().setFont(Font.createSystemFont(Font.FACE_SYSTEM, Font.STYLE_BOLD, Font.SIZE_MEDIUM));
        result.add(tableLayout.createConstraint().widthPercentage(-2), l);
    }
    {
        final Label l = new Label(line[2]);
        l.getAllStyles().setFont(Font.createSystemFont(Font.FACE_SYSTEM, Font.STYLE_BOLD, Font.SIZE_LARGE));
        l.getAllStyles().setFgColor(0x00FF00);
        result.add(tableLayout.createConstraint().widthPercentage(-1).horizontalAlign(Component.RIGHT), l);
    }
    return result;
}

根据javadoc,-1表示首选大小,-2表示“剩余空间”。这种方法行得通,但似乎有误算。

无论我选择哪种设备,问题都会在模拟器中发生。我可能做错了所有,因为我是Codenameone布局的新手。

overflow

1 个答案:

答案 0 :(得分:1)

-2标志主要针对最后一列进行了优化,因此这看起来像是一个错误,但可能很难解决。我看不到这里需要使用表格布局,因为您没有使用一个表格可以在行之间对齐。

一种更简单的方法是边框布局,例如:

Container c = BorderLayout.centerEastWest(new Label(emptyToSpace(line[1])), 
                   rightText, leftText);

如果您想使左列对齐,只需在整个列上使用Component.setSameWidth()