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

Question

我正在使用 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"))));
}

这是显示方法，其中我 make/load 皮肤并调用初始化按钮的方法：

@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 的 "default" 样式的代码相同。也许这就是问题所在？我确信图像文件存储在正确的目录下并且它们都存储在一起。它们应该是这样的：

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

Answer 1

皮肤将为每个按钮使用相同的样式实例，因此当您使用 getStyle() 并更新可绘制对象时，每个使用该样式的按钮都会更新。

通常，您会为外观本身中的每个不同按钮类型指定一个单独的样式，但如果您愿意，也可以在更改可绘制对象之前复制该样式。

Answer 2

我通过在皮肤 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 文件中的相应样式。这样，我为每个按钮加载的每个图像文件都会针对该特定样式进行存储（这就是为什么您需要三种不同的样式，否则最近加载的文件将是与 "default" 样式关联的文件）。

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"))));

结果：这是我打算实现的主菜单屏幕。

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

LibGDX ImageTextButton same image is shown for all buttons when separate image files are used

android

image

skin

libgdx

scene2d