Qt开发平台游戏：如何实现窗口部件的重叠布局？

你尝试用QStackedLayout实现背景与角色部件的重叠，但QStackedLayout的作用是切换显示单个部件，而非重叠显示。你先添加角色容器（container1），QStackedLayout默认显示第一个部件，因此背景容器（container2）被完全隐藏，导致只看到角色。

方法1：透明容器叠加法 #

核心思路是让上层的角色容器背景透明，将其作为背景容器的子部件，实现重叠显示：

1. 将背景容器设为主容器，先完成背景网格布局
2. 创建角色容器，设置角色网格布局后，开启背景透明属性
3. 将角色容器添加为背景容器的子部件，调整大小与背景容器完全重合

修改后的代码：

import sys
from PyQt5.QtWidgets import (QApplication, QWidget, QVBoxLayout, QHBoxLayout, QLabel)
from PyQt5.QtGui import QPixmap
from PyQt5.QtCore import Qt

class Window(QWidget):
    def __init__(self):
        super().__init__()
        self.init_gui()
    def init_gui(self):
        self.setGeometry(450, 300, 730, 650)
        
        # 背景容器（主容器）
        bg_container = QWidget()
        bg_layout = QVBoxLayout(bg_container)
        bg_layout.setSpacing(0)
        
        # 构建背景网格
        for i in range(14):
            hbox = QHBoxLayout()
            hbox.setSpacing(0)
            for j in range(9):
                label = QLabel()
                pix = QPixmap(r"sprites\Elementos\backg")
                label.setPixmap(pix)
                label.setScaledContents(True)
                hbox.addWidget(label)
            bg_layout.addLayout(hbox)
        
        # 角色容器（父部件设为背景容器）
        char_container = QWidget(bg_container)
        char_layout = QVBoxLayout(char_container)
        char_layout.setSpacing(0)
        
        # 开启背景透明，让下层背景透过显示
        char_container.setAttribute(Qt.WA_TranslucentBackground)
        # 让角色容器大小与背景容器完全重合
        char_container.resize(bg_container.size())
        char_container.move(0, 0)
        
        # 构建角色网格
        for i in range(14):
            hbox = QHBoxLayout()
            hbox.setSpacing(0)
            for j in range(9):
                label = QLabel()
                pix = QPixmap(r"sprites\Personajes\luigi_front")
                label.setPixmap(pix)
                label.setScaledContents(True)
                hbox.addWidget(label)
            char_layout.addLayout(hbox)
        
        # 主窗口挂载背景容器
        self.setLayout(QVBoxLayout())
        self.layout().addWidget(bg_container)
        
        self.show()

if __name__ == "__main__":
    app = QApplication(sys.argv)
    form = Window()
    sys.exit(app.exec_())

方法2：更适合游戏的QGraphicsView方案 #

如果是开发平台游戏，QGraphicsView/QGraphicsScene框架更适合处理图层、碰撞、动画等需求：

• 背景作为QGraphicsPixmapItem添加到场景
• 角色作为另一个QGraphicsPixmapItem添加到场景（层级更高，自动显示在背景上）
• 可轻松控制角色位置、动画、碰撞检测

简化示例代码：

import sys
from PyQt5.QtWidgets import (QApplication, QWidget, QGraphicsView, QGraphicsScene)
from PyQt5.QtGui import QPixmap, QGraphicsPixmapItem
from PyQt5.QtCore import Qt

class Window(QWidget):
    def __init__(self):
        super().__init__()
        self.init_gui()
    def init_gui(self):
        self.setGeometry(450, 300, 730, 650)
        
        # 创建场景与视图
        scene = QGraphicsScene()
        view = QGraphicsView(scene, self)
        view.setGeometry(0,0,730,650)
        view.setHorizontalScrollBarPolicy(Qt.ScrollBarAlwaysOff)
        view.setVerticalScrollBarPolicy(Qt.ScrollBarAlwaysOff)
        
        # 平铺背景
        bg_pix = QPixmap(r"sprites\Elementos\backg")
        for i in range(14):
            for j in range(9):
                bg_item = QGraphicsPixmapItem(bg_pix)
                bg_item.setPos(j*bg_pix.width(), i*bg_pix.height())
                scene.addItem(bg_item)
        
        # 添加角色（默认显示在背景上层）
        char_pix = QPixmap(r"sprites\Personajes\luigi_front")
        char_item = QGraphicsPixmapItem(char_pix)
        char_item.setPos(0,0)  # 设置角色初始位置
        scene.addItem(char_item)
        
        self.show()

if __name__ == "__main__":
    app = QApplication(sys.argv)
    form = Window()
    sys.exit(app.exec_())

关键注意点 #

• QWidget默认背景不透明，必须设置setAttribute(Qt.WA_TranslucentBackground)才能让下层部件透过显示
• 确保角色图片本身带有透明通道（你的luigi_front图片符合要求）
• 游戏开发优先选择QGraphics框架，比纯QWidget布局更灵活高效

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