使用ExtendViewport的Java libGDX黑条

Question

根据documentation的说法，ExtendViewport应该扩展视图并保持宽高比，但是每当我尝试实现这个viewPort时，我都会在手机屏幕的一侧看到两个条。

(这是示例背景图像，上面有一些文本和按钮，以检查拉伸程度)。

代码：

 public class Overlap2d extends Game {
public static  float ASPECT_RATIO ;
public static final int GAME_SCREEN_WIDTH = 40;
public static final int GAME_SCREEN_HEIGHT = 80;

@Override
public void create () {
    ASPECT_RATIO=(float)Gdx.graphics.getWidth()/(float)Gdx.graphics.getHeight() ;
    ScreenManager.getScreenManager().init(this);
    ScreenManager.getScreenManager().showScreen( ScreenName.MAIN_MENU );
}}

public abstract class AbstractScreen extends Stage implements Screen {

public AbstractScreen() {
    super(new ExtendViewport(GAME_SCREEN_WIDTH,GAME_SCREEN_HEIGHT,new OrthographicCamera()));
}
public abstract void buildStage();
@Override
public void render(float delta) {

    Gdx.gl.glClearColor(0, 1, 0, 1);
    Gdx.gl.glClear(GL20.GL_COLOR_BUFFER_BIT);

    super.act(delta);
    super.draw();
}
@Override
public void resize(int width, int height) {
getViewport().update(width,height);
}
@Override
public void show() {
    Gdx.input.setInputProcessor(this);
}
@Override
public void resume() {}
@Override
public void pause() {}
@Override
public void hide() {}}



public class MenuScreen extends AbstractScreen{
private Texture txtrBg;
public MenuScreen() {
    super();
    txtrBg   = new Texture( Gdx.files.internal("test.png") );
}

@Override
public void buildStage() {

    getCamera().position.set(GAME_SCREEN_WIDTH / 2, GAME_SCREEN_HEIGHT / 2, 0);
    Image bg = new Image(txtrBg);
    bg.setSize(GAME_SCREEN_WIDTH,GAME_SCREEN_HEIGHT);
    bg.setPosition(0,0);
    addActor(bg);
}

@Override
public void dispose() {
    super.dispose();
    txtrBg.dispose();

}}

Answer 1

public static final int GAME_SCREEN_WIDTH = 40;
public static final int GAME_SCREEN_HEIGHT = 80;

您使用的宽度和高度比例为1:2，但只有视图设备适合此比例，因此您为什么不尝试48和80作为视口宽度和高度。

问题几乎是一样的，所以解释也可以适用于这里

https://stackoverflow.com/a/43398153/3445320