智能自动按钮定位

Question

我正在使用LibGDX按钮进行触摸输入（之前使用过桌面模式和键盘按键）。目前，按钮侦听器按预期工作，但我无法以想要的方式定位这些按钮。我尝试查看文档和一些示例，但无法找出问题所在。从我读到的几个关键点来看，我注意到：

• 按钮应放置在表中
• 表格可以（且应该）嵌套
• 仅主表应填充父级。

我想要实现的是将标签（tableLabs）打包在顶部（与原始马里奥相同），并将按钮对齐到底部角落（因此，左侧按钮将位于左下角，右侧按钮将位于右下角），跳跃按钮直接位于方向按钮上方，而不考虑屏幕大小，类似于具有Java Swing边界布局。

最后，我使用简单的“->”，“<-”和“^”作为未来按钮图形的占位符。

到目前为止，结果如下所示：

public class Hud implements Disposable{

    public Stage stage;
    public Viewport viewport;

    private Integer worldTimer;
    private float timeCount;
    private static Integer score;

    Label countDownLabel;
    static Label scoreLabel;
    Label timeLabel;
    Label levelLabel;
    Label worldLabel;
    Label marioLabel;

    TextButton butL, butR, butJ;

    public Hud(SpriteBatch spriteBatch){
        worldTimer = 300;
        timeCount = 0;
        score = 0;

        viewport = new FitViewport(SuperMario.WORLDWIDTH, SuperMario.WORLDHEIGHT, new OrthographicCamera());
        stage = new Stage(viewport, spriteBatch);

        Table mainTable = new Table();
//        mainTable.top().center();
        mainTable.setFillParent(true);


        Table tableLabs = new Table();
        tableLabs.top();//align to top
//        table.setFillParent(true);//fill

        countDownLabel  = new Label(String.format("%03d", worldTimer), new Label.LabelStyle(new BitmapFont(), Color.WHITE));
        scoreLabel = new Label(String.format("%06d", score), new Label.LabelStyle(new BitmapFont(), Color.WHITE));
        timeLabel =  new Label("TIME", new Label.LabelStyle(new BitmapFont(), Color.WHITE));
        levelLabel = new Label("1-1", new Label.LabelStyle(new BitmapFont(), Color.WHITE));
        worldLabel = new Label("WORLD", new Label.LabelStyle(new BitmapFont(), Color.WHITE));
        marioLabel = new Label("MARIO", new Label.LabelStyle(new BitmapFont(), Color.WHITE));

        tableLabs.add(marioLabel).expandX().padTop(10);
        tableLabs.add(worldLabel).expandX().padTop(10);
        tableLabs.add(timeLabel).expandX().padTop(10);
        tableLabs.row();
        tableLabs.add(scoreLabel).expandX().padTop(10);
        tableLabs.add(levelLabel).expandX().padTop(10);
        tableLabs.add(countDownLabel).expandX().padTop(10);

//        stage.addActor(table);

        //button setup

        Table butTable = new Table();
        butTable.bottom();
//        table.setFillParent(true);

        TextButton.TextButtonStyle tbs = new TextButton.TextButtonStyle();
        tbs.font = new BitmapFont();
        butR = new TextButton("b1", tbs);
        butR.setText("->");
        butR.setColor(Color.FIREBRICK);
        butR.addListener(new ChangeListener() {
            @Override
            public void changed(ChangeEvent event, Actor actor) {
                Gdx.app.log("B-right", "pressed");
            }
        });

        butL = new TextButton("b2", tbs);
        butL.setText("<-");
        butL.setColor(Color.FIREBRICK);
        butL.addListener(new ChangeListener() {
            @Override
            public void changed(ChangeEvent event, Actor actor) {
                Gdx.app.log("B-left", "pressed");
            }
        });

        butJ = new TextButton("b3", tbs);
        butJ.setText("^");
        butJ.setColor(Color.FIREBRICK);
        butJ.addListener(new ChangeListener() {
            @Override
            public void changed(ChangeEvent event, Actor actor) {
                Gdx.app.log("B-jump", "pressed");
            }
        });


        butTable.setDebug(true);
        butTable.add(butJ).expandX().padBottom(10).left().expand().padRight(10);
        butTable.add(butJ).expandX().padBottom(10).right().expand().padLeft(10);
        butTable.row();
        butTable.add(butL).expandX().padBottom(10).left().expand().padRight(10);
        butTable.add(butR).expandX().padBottom(10).right().expand().padLeft(10);


        mainTable.add(tableLabs).expand();
        mainTable.row();
        mainTable.add(butTable).expand();
        mainTable.setDebug(true);
//        stage.addActor(butTable);
        stage.addActor(mainTable);

        Gdx.input.setInputProcessor(stage);
    }

    public void update(float dt){
        timeCount+= dt;
        if(timeCount >=1){
            worldTimer--;
            countDownLabel.setText(String.format("%03d", worldTimer));
            timeCount--;
        }
    }

    public static void addScore(int value){
        score += value;
        scoreLabel.setText(String.format("%06d", score));
    }

    @Override
    public void dispose() {
        stage.dispose();
    }
}

- user3002166

Answer 1

你在设置表格单元格时缺少的是fill参数。像你现在这样调用单元格上的expand只会使单元格拉伸以适应，但除非你也在单元格上调用fill，否则单元格内部的小部件不会变大。 因此，在底部添加两个内部表格到主表格的部分应该像这样：

mainTable.add(tableLabs).expand().fill(); //stretch the inner table to the size of the cell
mainTable.row();
mainTable.add(butTable).expand().fill(); //as above
mainTable.setDebug(true);
stage.addActor(mainTable);

- Tenfour04