Question

我正在制作RTS游戏，并且我想要一个类似于《帝国时代》的UI，其UI位于底部。我很难设置包含特定元素的表格的背景。

我尝试了很多事情，例如：

带有颜色的setBackground（）
setBackground（）具有皮肤图像
使用此处找到的自定义解决方案：Libgdx | Scene2d | Set background color of table?

，但似乎没有任何效果。我认为问题是我尝试将背景色应用于包含其他表格的最背面表格。我可以为前面的桌子设置颜色，但不能为主要的后面的桌子设置颜色。

在这里绘制UI：

        skin = new Skin(Gdx.files.internal("core/assets/skinComposerExport/uiskin.json"));
        stage =         new Stage(new ScreenViewport());
        mainTable =     new Table(skin);
        unitInfoTable = new Table(skin);
        unitSpecTable = new Table(skin);

        className =     new Label("Placeholder scnm", skin);
        ...
        abilityCD =     new Label("Placeholder acdn", skin);

        mainTable.setPosition(Gdx.graphics.getWidth() / 2.0f, 0);
        mainTable.center().bottom();
        mainTable.setBackground("UI_background");


        addLabelsToTable(unitInfoTable, className, hitPoints, mana, dmg, range);

        addLabelsToTable(unitSpecTable, abilityName, abilityMana, abilityDmg, abilityRange, abilityCD);

        mainTable.add(unitInfoTable).padRight(20);
        mainTable.add(unitSpecTable);


        stage.addActor(mainTable);

我希望屏幕的整个底部为白色（大约200像素高，并填充整个x轴）并在其上绘制元素，但是我无法设置背景颜色。

Answer 1

您可以给表增加尺寸，以便您的舞台知道如何正确呈现它。（或在外部表上使用setFillParent（true））。通常，我创建一个舞台大小的root表，然后在该root表中添加其他scene2d元素，并根据需要进行对齐。

这是使用ShadeUI

的简单示例

@Override
public void create() {
    stage = new Stage(new ScreenViewport());
    batch = new SpriteBatch();
    skin = new Skin(Gdx.files.internal("shadeui/uiskin.json"));

    // create a root table, sized to our stage, and add it to the stage
    Table root = new Table();
    root.setBackground(skin.getDrawable("dialogRed"));
    root.setSize(stage.getWidth(), stage.getHeight());
    stage.addActor(root);

    // now create our menu, bottom-aligned, filled to width, and add it to root
    Table menu = new Table();
    menu.setBackground(skin.getDrawable("dialogDim"));
    root.add(menu).expand().bottom().fillX().height(50);

    // add additional labels to the menu
    menu.defaults().expandX().center().uniformX().uniformX();
    menu.add(new Label("HP", skin));
    menu.add(new Label("MP", skin));
    menu.add(new Label("My Name", skin));
    menu.add(new Label("My Class", skin));
}

@Override
public void render() {
    Gdx.gl.glClearColor(0, 0, 0, 1);
    Gdx.gl.glClear(GL20.GL_COLOR_BUFFER_BIT);
    batch.begin();
    stage.draw();
    batch.end();
}

这是我运行它时的外观：

如何在桌子上设置背景颜色或图像？

1 个答案: