PyQt布局包含的widget内能否添加tab控件？实现时替换其他控件如何解决

问题说明 #

我正在开发一款可编程音序器，支持配置自定义对象并创建运行列表，该场景需要通过定义对象属性完成实例化。我想要在下图蓝色控件位置添加一个包含inputs、outputs两个标签页的tab控件：

每次尝试实现该功能时，新添加的tab控件都会替换掉所有其他widget，错误效果如下：

是否可以在现有widget布局中正常使用标准tab控件？

问题原因 #

你现有代码的核心逻辑没有问题，出现控件被全部替换的常见原因是你错误将QTabWidget直接设置为了QMainWindow的central widget，而非添加到原本的网格布局中。此外你当前写的Tab控件标签名还没有改成需求要求的inputs、outputs。

修正后可正常运行的完整代码 #

import sys
from PyQt5.QtWidgets import QApplication, QGridLayout, QMainWindow, QWidget, QTabWidget
from PyQt5.QtGui import QColor, QPalette


# 占位彩色控件，用于布局预览
class Color(QWidget):
    def __init__(self, color):
        super().__init__()
        self.setAutoFillBackground(True)
        palette = self.palette()
        palette.setColor(QPalette.Window, QColor(color))
        self.setPalette(palette)


# 自定义Tab控件，包含inputs、outputs两个标签页
class MyTabWidget(QTabWidget):
    def __init__(self):
        super().__init__()
        self.setTabPosition(QTabWidget.North)
        # 替换标签页名称为需求对应名称，可自行替换内部承载的业务控件
        self.addTab(Color("blue"), "inputs")
        self.addTab(Color("purple"), "outputs")


class MainWindow(QMainWindow):
    def __init__(self):
        super().__init__()
        self.setWindowTitle("可编程音序器")
        layout = QGridLayout()
        # 左侧上半部分红色控件
        layout.addWidget(Color("red"), 0, 0, 2, 1)
        # 左侧下半部分黄色控件
        layout.addWidget(Color("yellow"), 2, 0, 3, 1)
        # 中间绿色主控件
        layout.addWidget(Color("green"), 0, 1, 5, 4)
        # 右侧Tab控件，替换原本蓝色占位控件
        tabs = MyTabWidget()
        layout.addWidget(tabs, 0, 5, 5, 1)

        widget = QWidget()
        widget.setLayout(layout)
        # 确保central widget是承载整个布局的容器，而非单独的Tab控件
        self.setCentralWidget(widget)
        # 可选：设置窗口初始尺寸避免控件挤压
        self.resize(800, 600)


if __name__ == "__main__":
    app = QApplication(sys.argv)
    window = MainWindow()
    window.show()
    app.exec_()

额外优化建议 #

如果出现布局中控件宽度不符合预期的情况，可以通过QGridLayout的setColumnStretch方法设置各列拉伸系数，给中间绿色控件所在列设置更高的拉伸比例即可。

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