LibGDX绘制可复用覆盖层并添加至Table的最佳组件选型方案

我是LibGDX初学者，需要在游戏中绘制如下图所示的覆盖层：

该覆盖层包含背景、2个文本元素与1个按钮。我希望将其封装为独立类以支持游戏多场景复用，此前尝试继承Stack类实现但效果不佳；由于后续需要将该组件添加到Table容器中，推测应当继承Actor类实现，请问选用哪种布局、类或组件能够最优实现该需求？

最优选择是直接继承LibGDX Scene2D.UI内置的Table类实现自定义组件，比继承裸Actor、Stack的实现成本更低，适配性更好。
注意：Table本身就是Actor的子类，完全满足你要将组件添加到其他Table容器的需求，所有Actor支持的位置调整、事件监听、动画效果等能力都可以直接使用，不需要额外做兼容。

方案选型理由 #

• 不选裸Actor的原因：继承裸Actor需要手动计算所有子元素的坐标、手动处理不同屏幕尺寸下的布局缩放、自行重写draw逻辑渲染背景和所有子控件，重复造轮子的工作量极大，后续调整元素位置、间距也非常麻烦。
• 之前用Stack效果不好的原因：Stack的布局逻辑是所有子元素堆叠对齐，适合做完全叠放的层级效果，但你需要的覆盖层元素是有固定上下排列间距的（标题、说明文本、按钮从上到下排布，背景撑满整个组件范围），Stack本身不支持自动排布纵向间距的逻辑，硬编码坐标自然容易出现适配问题。
• 选Table的原因：Table是LibGDX官方维护的弹性布局容器，自带边距、间距、对齐、自适应大小的能力，不需要自己写布局逻辑，封装出来的组件可以直接在所有Scene2D场景里复用，和原生UI控件的使用方式完全一致。

具体实现代码 #

1. 自定义覆盖层类，直接继承Table，在构造函数里完成所有元素的初始化和布局配置，不需要重写draw或layout方法：

public class CommonOverlay extends Table {
    // 对外暴露按钮实例，方便业务场景绑定点击事件
    public final TextButton actionButton;

    public CommonOverlay(Skin uiSkin) {
        super(uiSkin);
        // 设置组件背景
        setBackground("overlay_background"); // 替换为你自己的背景Drawable资源名
        // 设置内容区域和背景边缘的内边距，根据美术资源尺寸调整
        pad(48f);

        // 添加第一个文本元素（标题）
        Label title = new Label("提示标题", uiSkin);
        add(title).padBottom(24f).row(); // 设置标题下方间距，完成后换行排列下一个元素

        // 添加第二个文本元素（说明内容）
        Label content = new Label("这里是覆盖层的提示说明文字", uiSkin);
        add(content).padBottom(56f).row(); // 设置说明文本下方间距，完成后换行排列按钮

        // 添加按钮
        actionButton = new TextButton("确认", uiSkin);
        add(actionButton).width(220f).height(88f); // 给按钮设置固定宽高

        // 自动计算组件大小适配所有内容
        pack();
    }
}

2. 多场景复用方式和原生UI控件完全一致，支持直接添加到舞台，也可以嵌入任意其他Table容器：

// 任意场景中调用示例
CommonOverlay overlay = new CommonOverlay(gameUISkin);
// 给按钮绑定点击逻辑
overlay.actionButton.addListener(new ClickListener() {
    @Override
    public void clicked(InputEvent event, float x, float y) {
        // 编写点击后的业务逻辑，比如关闭覆盖层、触发下一步操作
        overlay.remove();
    }
});
// 添加到舞台居中显示
stage.addActor(overlay);
overlay.setPosition(stage.getWidth()/2f, stage.getHeight()/2f, Align.center);

如果需要实现「全屏半透明遮罩+居中弹窗」的完整覆盖层效果，不需要修改CommonOverlay类的代码，只需要把实例放到一个Stack容器中：第一层放一个撑满全屏的半透明黑色背景，第二层放居中的CommonOverlay即可，保证组件本身的独立性。

内容的提问来源于stack exchange，提问作者Crifano Stefano