LibGDX 调整窗口大小后如何更新 Actor 位置？

Question

我正在尝试将工具栏按钮粘贴到屏幕的右上角，但每当我调整窗口大小时，按钮都会保持在相同的绝对位置（相对于左下角）。

调整大小之前：

调整大小后：

这是生成UI按钮的方法（目前只在Screen的构造函数中调用）：

private void generateUiToolbar(){
    // Toolbar Table
    Table table = new Table();
    table.setFillParent(true);
    table.top();
    table.right();

    // Menu button
    table.row();
    Texture myTexture = new Texture(Gdx.files.internal("ui/stamp.png"));
    TextureRegion myTextureRegion = new TextureRegion(myTexture);
    TextureRegionDrawable myTexRegionDrawable = new TextureRegionDrawable(myTextureRegion);
    ImageButton menuButton = new ImageButton(myTexRegionDrawable);
    menuButton.addListener( new ClickListener() {
        @Override
        public void clicked(InputEvent event, float x, float y) {
            stage.clear();
            generateUiMenu();
        }
    });
    table.add(menuButton).size(60,60).padTop(10).padRight(10);

    stage.addActor(table);
}

这是 resize() 方法：

public void resize(int width, int height) {
    stage.getViewport().update(width, height, true);
    stage.getCamera().viewportWidth = width;
    stage.getCamera().viewportHeight = height;
    stage.getCamera().position.set(stage.getCamera().viewportWidth / 2, stage.getCamera().viewportHeight / 2, 0);
    stage.getCamera().update();
}

变量阶段在构造函数中以stage = new Stage();启动

出于某种原因，stage.getViewport().update(width, height, true); 没有做任何事情。当我在调整大小后打印stage.getWidth() 时，它将返回相同的数字。一般来说，更新按钮或演员位置的好方法是什么？简单地清除舞台并再次生成 UI 对我来说是行不通的，因为有时当您调整大小时，当前会显示不同的演员。如果我遗漏了任何信息，请告诉我。

编辑 1： 如答案中所述添加了table.setFillParent(true);，但这也没有解决。

编辑 2： 在阅读了答案和 cmets 之后，我删除了 stage.getCamera() 操作，但我仍然没有得到正确的结果。当我仅使用代码行 stage.getViewport().update(width, height, true); 调整大小时会发生这种情况：

Answer 1

我认为您误解了 Viewport 的用法。 在您的调整大小方法中，您可以：

stage.getViewport().update(width, height, true);
stage.getCamera().viewportWidth = width;
stage.getCamera().viewportHeight = height;
stage.getCamera().position.set(stage.getCamera().viewportWidth / 2, stage.getCamera().viewportHeight / 2, 0);
stage.getCamera().update();

但是stage.getViewport().update(width, height, true); 已经完成了你在接下来的四行中所做的事情。

viewport.update(width, height) 为相机设置新的宽度和高度并更新相机。所以：

viewport.update(width, height)

is equal to

camera.viewportWidth = width;
camera.viewportHeight = height;
camera.update();

唯一的区别是视口的纵横比取决于您使用的视口。

第三个参数：stage.getViewport().update(width, height, true); 是一个布尔值，表示相机是否居中。因此，如果第三个参数为 true，则视口将执行以下操作：

camera.position.set(camera.viewportWidth / 2, camera.viewportHeight / 2, 0);

在您的 resize 方法中，您会覆盖视口的工作，因为使用 viewport.update(width, height, true) 您已经完成了所有的调整大小，并且不需要其他四行。

在 resize 方法中这就足够了：

public void resize(int width, int height) {
    stage.getViewport().update(width, height, true);
}

您可以阅读本文以更好地了解 Viewport：How Camera works in Libgdx and together with Viewport

Answer 2

Viewport 对象是一个相机平截头体管理器。当您开始修改相机的参数（位置除外）时，您正在撤消调用viewport.update() 所做的操作。

如果您希望表格自动填满屏幕，以便在调整大小后右上角的内容保持不变，请不要在表格上设置宽度和高度。相反，请调用table.setFillParent(true)，以便它会自动更新其大小以匹配视口大小。