Libgdx (Android) - ImageButton 的大小（比例）错误

Question

我对 ImageButton(s) 的大小有疑问，按钮未拉伸/缩放，因为设备的屏幕尺寸为 1920x1080，按钮图片为 342x129。 （它看起来比原始图片看起来更小）。 当我通过这个 game.batch.draw(playBtn, ...); 它工作正常，但我需要 ImageButtons。怎么了 ？ 注意：宽度 = 480，高度 = 800 图片：https://imgur.com/IJs4uPB

public MenuScreen(PlumberGame game) {
this.game = game;
camera = new OrthographicCamera();
viewport = new FitViewport(WIDTH,HEIGHT, camera);
stage =new Stage(viewport, spriteBatch);
background = new Texture("background.png");
title = new Texture("title.png");
camera.setToOrtho(false, WIDTH, HEIGHT);
}

   @Override
   public void show() {
   stage = new Stage(); //Set up a stage for the ui
    Gdx.input.setInputProcessor(stage); //Start taking input from the ui

    atlas = new TextureAtlas("ui/buttons.pack");
    skin = new Skin(atlas);

    table = new Table(skin);
    table.setBounds(0,0, WIDTH, HEIGHT);

    ImageButton.ImageButtonStyle playBtnStyle = new ImageButton.ImageButtonStyle();
    playBtnStyle.up = skin.getDrawable("playBtn");
    playBtnStyle.down = skin.getDrawable("playBtnOn");
    playBtn = new ImageButton(playBtnStyle);

    playBtn.setSize(playBtn.getWidth(), playBtn.getHeight());
    playBtn.getImage().setScaling(Scaling.fit);
    playBtn.invalidateHierarchy();
    playBtn.setPosition((float)(WIDTH * 0.15 ), (float) (HEIGHT * 0.5));
    stage.addActor(playBtn);
    }

   @Override
   public void render(float delta) {
   stage.getBatch().setProjectionMatrix(camera.combined);
   renderer.setProjectionMatrix(stage.getBatch().getProjectionMatrix());
    renderer.setTransformMatrix(stage.getBatch().getTransformMatrix());
    renderer.translate(WIDTH, HEIGHT, 0);
    stage.act(Gdx.graphics.getDeltaTime()); //Perform ui logic
    stage.getBatch().begin();
    stage.getBatch().draw(background, 0, 0, WIDTH,HEIGHT);
    stage.getBatch().draw(title, (float)(WIDTH * 0.12), (float) (HEIGHT * 0.75));

    stage.getBatch().end();
    stage.draw(); //Draw the ui
    }

    @Override
    public void resize(int width, int height) {
    stage.getViewport().update(width, height, true);
    table.invalidateHierarchy();
    table.setSize(width, height);
    camera.update();
    }

Answer 1

您设置 playBtn 大小的方式错误。

这行没有意义：

playBtn.setSize(playBtn.getWidth(), playBtn.getHeight());

Answer 2

我会推荐在设计 UI 时使用非常方便的 Table。您在将角色添加到表格时指定角色的大小。

由于我不在家，我现在无法尝试，但它看起来像：

@Override
public void show() {
    stage = new Stage(); //Set up a stage for the ui
    Gdx.input.setInputProcessor(stage); //Start taking input from the ui

    atlas = new TextureAtlas("ui/buttons.pack");
    skin = new Skin(atlas);

    table = new Table(skin);
    table.setBounds(0,0, WIDTH, HEIGHT);

    ImageButton.ImageButtonStyle playBtnStyle = new ImageButton.ImageButtonStyle();
    playBtnStyle.up = skin.getDrawable("playBtn");
    playBtnStyle.down = skin.getDrawable("playBtnOn");
    playBtn = new ImageButton(playBtnStyle);
    playBtn.setPosition((float)(WIDTH * 0.15 ), (float) (HEIGHT * 0.5));

    Table table = new Table();
    table.setFillParent(true);

    table.add(playBtn).expand().fillX().height(yourHeight);

    stage.addActor(table);
}   

编辑：

另一种选择是设置您放在图像按钮样式中的可绘制对象的最小尺寸：

ImageButton.ImageButtonStyle playBtnStyle = new ImageButton.ImageButtonStyle();
playBtnStyle.up = skin.getDrawable("playBtn");
playBtnStyle.down = skin.getDrawable("playBtnOn");

playBtnStyle.up.setMinWidth(yourWidth);
playBtnStyle.up.setMinHeight(yourHeight);
playBtnStyle.down.setMinWidth(yourWidth);
playBtnStyle.down.setMinHeight(yourHeight);