嘿，我来帮你搞定这18个方形地形的图形叠加需求！在Qt里实现这种带边框、城市图标的多层视觉效果，有几个简单靠谱的方法，我给你拆解一下：

方案一：自定义控件用QPainter手动绘制（推荐用于批量创建场景元素） #

如果你的地形是作为自定义场景元素或者独立控件存在，直接重写paintEvent用QPainter分层绘制是最灵活的方式，而且天然支持透明叠加：

#include <QWidget>
#include <QPainter>
#include <QPixmap>

class TerrainTile : public QWidget
{
    Q_OBJECT
public:
    explicit TerrainTile(QWidget *parent = nullptr) : QWidget(parent) {
        setFixedSize(200, 200); // 设置每个地形块的固定尺寸
    }

protected:
    void paintEvent(QPaintEvent *event) override {
        Q_UNUSED(event);
        QPainter painter(this);
        painter.setRenderHint(QPainter::SmoothPixmapTransform); // 让图片渲染更顺滑

        // 1. 绘制底层绿色地形
        QPixmap terrainPix = QPixmap(":Graphics/Terrain");
        painter.drawPixmap(rect(), terrainPix);

        // 2. 叠加第一个边框（带alpha通道，自动识别透明区域）
        QPixmap border1Pix = QPixmap(":Graphics/Border1"); // 替换成你的第一个边框路径
        painter.drawPixmap(rect(), border1Pix);

        // 3. 叠加第二个边框
        QPixmap border2Pix = QPixmap(":Graphics/Border2"); // 替换成你的第二个边框路径
        painter.drawPixmap(rect(), border2Pix);

        // 4. 绘制左上角的城市图标
        QPixmap cityPix = QPixmap(":Graphics/City");
        painter.drawPixmap(0, 0, cityPix); // 左上角对齐，坐标可按需调整
    }
};

这个方案的优势 #

• 你的边框图带alpha通道，QPainter会自动处理透明区域，完全不用额外设置就能看到底下的地形
• 可以轻松批量创建18个TerrainTile实例，直接布局到场景或窗口里就行

方案二：用QLabel叠加（快速原型首选） #

如果你不想写自定义控件，用QLabel分层叠加也能快速实现效果，适合做原型测试：

#include <QLabel>
#include <QWidget>

void createTerrainTile(QWidget *parent) {
    // 底层地形标签
    QLabel *terrainLbl = new QLabel(parent);
    terrainLbl->setPixmap(QPixmap(":Graphics/Terrain"));
    terrainLbl->setFixedSize(200, 200);
    terrainLbl->move(0, 0); // 这里可以根据你的布局调整位置，比如循环设置x/y坐标

    // 第一个边框标签（作为地形标签的子控件，自动叠加在上面）
    QLabel *border1Lbl = new QLabel(terrainLbl);
    border1Lbl->setPixmap(QPixmap(":Graphics/Border1"));
    border1Lbl->setFixedSize(200, 200);
    border1Lbl->setAttribute(Qt::WA_TransparentForMouseEvents); // 不拦截底层的鼠标事件

    // 第二个边框标签
    QLabel *border2Lbl = new QLabel(terrainLbl);
    border2Lbl->setPixmap(QPixmap(":Graphics/Border2"));
    border2Lbl->setFixedSize(200, 200);
    border2Lbl->setAttribute(Qt::WA_TransparentForMouseEvents);

    // 城市图标标签（左上角放置）
    QLabel *cityLbl = new QLabel(terrainLbl);
    cityLbl->setPixmap(QPixmap(":Graphics/City"));
    cityLbl->move(0, 0);
    cityLbl->setAttribute(Qt::WA_TransparentForMouseEvents);
}

// 批量创建18个地形块示例
for(int i=0; i<18; i++){
    QWidget *tileParent = new QWidget(yourMainWidget);
    tileParent->setFixedSize(200,200);
    // 按网格排列，留10px间距
    tileParent->move( (i%6)*210, (i/6)*210 );
    createTerrainTile(tileParent);
}

注意事项 #

• 确保你的边框图尺寸也是200x200px，这样才能完全覆盖地形块
• 如果City.png不是200x200，记得给cityLbl设置setFixedSize匹配图片尺寸，避免拉伸变形

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