java - Libgdx:将两个图像叠加到场景二维表中

Question

我正在尝试在 LibGdx 中制作一个进度条。我正在使用场景 2D 将元素放入屏幕(是加载屏幕)。我正在使用一个表格，我在其中放置了一张图片、一个标签(“正在加载...”)和一个进度条。

进度条由两张图片组成。我的问题是我无法叠加两个图像。我正在使用这段代码

stage.addActor(root);
root.add(image).width(200).height(200);
root.row();
root.add(new Label("Loading...", skin));
root.row();
root.add(progressBarBG).width(600);
root.add(progressBarFG).height(30).width(30);
root.pack();
Gdx.input.setInputProcessor(stage);

但是 progressBarBG 和 progressBarFG 是依次绘制的。这是一种将一个放在另一个之上的方法吗？

ProgressBarBG 和 ProgressBarFG 从纹理图集加载。根是一个表。

谢谢。

Answer 1

正如 Springrbua 所提到的，最好为此使用 ProgressBar。

不过，要回答您的问题，您可以使用 Group 将图像与 scene2d 重叠。只需将所有图像添加到一个组，然后将该组添加到所需的父级。如果需要偏移组中的任何图像，可以使用 image.setPosition(offsetX, offsetY)。这是您的案例的示例:

stage.addActor(root);
root.add(image).width(200).height(200);
root.row();
root.add(new Label("Loading...", skin));
root.row();
//Use groups to overlay multiple images
Group group = new Group();
progressBarBG.setWidth(600);
progressBarFG.setSize(30, 30);
group.addActor(progressBarBG);
group.addActor(progressBarFG);
root.add(group);
root.pack();
Gdx.input.setInputProcessor(stage);