LibGDX Scene2d UI：表内表布局问题

Question

我正在尝试使用此代码执行以下布局（宽度和高度仅用于调试，理想情况下我会让两个表都有 50% 的宽度。而且超类是 a Table）

left().top()
add(Label("Player name", UI_SKIN)).center().expandX()
row()
add(Table()).width(50f).height(50f)
add(Table()).width(200f).height(50f)
setDebug(true, true)

结果是，由于某种原因，表格似乎没有在自己的行上，而是最后一个表格将标签推到左侧。如果我只添加一个表，它就可以正常工作（无法添加另一个屏幕截图，因为我没有足够的代表......）。

任何帮助将不胜感激，我现在​​已经没有想法了。

Answer 1

你可以这样做

stage= Stage()
Gdx.input.setInputProcessor(stage)

var skin= Skin(Gdx.files.internal("skin/glassy-ui.json"))

var table= Table()
table.defaults().pad(10F)
table.setFillParent(true)

var label=Label("PLAYER NAME",skin)
label.setAlignment(Align.center);

var first_table=Table()
first_table.setDebug(true)
first_table.add(Label("FIRST TABLE",skin))

val second_table=Table()
second_table.add(Label("SECOND TABLE",skin))

table.add(label).colspan(2).fillX()
table.row();
table.add(first_table).expand()
table.add(second_table).expand()

stage.addActor(table)
stage.setDebugAll(true)

输出是：