首页 文章

LibGDX ImageTextButton在使用单独的图像文件时显示所有按钮的相同图像

提问于
浏览 次
0

我正在为使用LibGDX为Android开发的游戏开发一个主菜单屏幕 . 它需要三个ImageTextButtons - 播放，设置，注销 . 这三个按钮中的每一个都有一个与之关联的不同图像，但是，当我运行应用程序时，每个按钮都具有相同的图像 - 注销图像 . 我认为这可能与注销按钮是声明的最后一个按钮的事实有关，也许它会覆盖其他按钮的图像？

这是主菜单当前外观的截图：

如您所见，即使我已经为每个按钮加载和使用了不同的图像文件，所有按钮上也会显示相同的注销图标 . 以下是构建和初始化按钮的代码：

private ImageTextButton playBtn, settingsBtn, logoutBtn;

public void initButtons(){
    playBtn = new ImageTextButton("Play", skin, "default");
    playBtn.getStyle().imageUp = new TextureRegionDrawable(new TextureRegion(new Texture(Gdx.files.internal("playBtn.png"))));
    playBtn.getStyle().imageDown = new TextureRegionDrawable(new TextureRegion(new Texture(Gdx.files.internal("playBtn.png"))));

    settingsBtn = new ImageTextButton("Settings", skin, "default");
    settingsBtn.getStyle().imageUp = new TextureRegionDrawable(new TextureRegion(new Texture(Gdx.files.internal("settingsBtn.png"))));
    settingsBtn.getStyle().imageDown = new TextureRegionDrawable(new TextureRegion(new Texture(Gdx.files.internal("settingsBtn.png"))));

    logoutBtn = new ImageTextButton("Log Out", skin, "default");
    logoutBtn.getStyle().imageUp = new TextureRegionDrawable(new TextureRegion(new Texture(Gdx.files.internal("logoutBtn.png"))));
    logoutBtn.getStyle().imageDown = new TextureRegionDrawable(new TextureRegion(new Texture(Gdx.files.internal("logoutBtn.png"))));
}

这是show方法，我在其中创建/加载外观并调用方法来初始化按钮：

@Override
public void show() {
    Gdx.input.setInputProcessor(stage);

    this.skin = new Skin();
    this.skin.addRegions(MathsVsZombies.manager.get("UI/uiskin.atlas", TextureAtlas.class));
    this.skin.add("default-font", MathsVsZombies.font24);
    this.skin.load(Gdx.files.internal("UI/uiskin.json"));

    initButtons();
    }

为了使ImageTextButtonStyle工作，我不得不将此代码添加到皮肤JSON文件：

"com.badlogic.gdx.scenes.scene2d.ui.ImageTextButton$ImageTextButtonStyle":{
"default": { "down": "default-round-down", "up": "default-round", "font": "default-font", "fontColor": "white" }
  },

它与TextButton的“默认”样式的代码相同 . 也许这就是问题所在？我很肯定图像文件存储在正确的目录下，它们都存储在一起 . 这是他们应该看起来像：

playBtn.png

settingsBtn.png

logoutBtn.png

请帮助解决这个问题，因为我对LibGDX和gamedev的了解非常有限，所以我不知道出了什么问题，更不用说如何解决它了 .

android image libgdx scene2d skin

2 回答

  • 2

    Skin将为每个按钮使用相同的样式实例，因此当您使用getStyle（）并更新drawable时，将更新使用该样式的每个按钮 .

    通常，您为皮肤本身的每个不同按钮类型指定一个单独的样式，但如果您愿意，也可以在更改drawable之前制作样式的副本 .

    回复于
  • 0

    我通过在皮肤JSON文件中创建三个单独的样式来修复此问题，每个特定按钮一个 .

    "com.badlogic.gdx.scenes.scene2d.ui.ImageTextButton$ImageTextButtonStyle":{
"play": { "down": "default-round-down", "up": "default-round", "font": "default-font", "fontColor": "white" },
"settings": { "down": "default-round-down", "up": "default-round", "font": "default-font", "fontColor": "white" },
"logout": { "down": "default-round-down", "up": "default-round", "font": "default-font", "fontColor": "white" }

    然后在initButtons方法中，我将每个样式更改为JSON文件中的相应样式 . 这样，我为每个按钮加载的每个图像文件都被存储为该特定样式（这就是为什么你需要三个单独的样式，否则最近加载的文件将是与“默认”样式相关联的文件） .

    playBtn = new ImageTextButton("Play", skin, "play");
playBtn.getStyle().imageUp = new TextureRegionDrawable(new TextureRegion(new Texture(Gdx.files.internal("playBtn.png"))));
playBtn.getStyle().imageDown = new TextureRegionDrawable(new TextureRegion(new Texture(Gdx.files.internal("playBtn.png"))));

settingsBtn = new ImageTextButton("Settings", skin, "settings");
settingsBtn.getStyle().imageUp = new TextureRegionDrawable(new TextureRegion(new Texture(Gdx.files.internal("settingsBtn.png"))));
settingsBtn.getStyle().imageDown = new TextureRegionDrawable(new TextureRegion(new Texture(Gdx.files.internal("settingsBtn.png"))));

logoutBtn = new ImageTextButton("Log Out", skin, "logout");
logoutBtn.getStyle().imageUp = new TextureRegionDrawable(new TextureRegion(new Texture(Gdx.files.internal("logoutBtn.png"))));
logoutBtn.getStyle().imageDown = new TextureRegionDrawable(new TextureRegion(new Texture(Gdx.files.internal("logoutBtn.png"))));

    结果：
    enter image description here
    这是我对主菜单屏幕的预期实现 .

    回复于

相关问题