PyQt 组件之间的层级关系

PyQt 构建 UI 的逻辑有点类似 SwiftUI，下面以 pyqtgraph 为最小组件来构建 UI：

层级结构如下：

import sys
import pyqtgraph as pg
from PyQt5.QtWidgets import QMainWindow, QApplication, QVBoxLayout, QHBoxLayout, QWidget
from PyQt5.QtGui import QColor

class Window(QMainWindow):
    def __init__(self, title):
        super(Window, self).__init__()

        self.title = title
        self.setWindowTitle(self.title)		# 设置标题
        
        palette = self.palette()
        palette.setColor(self.backgroundRole(), QColor(255, 255, 255))
        self.setPalette(palette)					# 设置背景颜色
        self.setAutoFillBackground(True)  # 不设置也可以
        self.resize(1920, 1080)						# 设置窗口大小
        
        self.plot = pg.PlotWidget()
        self.color = QColor(255, 228, 196)
				self.curve = self.plot.plot(
            pen=pg.mkPen(color=self.color, width=1)				# 设置曲线的颜色和粗细
        )
        self.curve.setData(X, Y)													# 设置 plot 数据
        
        self.plot.setBackground('w')
        self.plot.setTitle('Your Title', color=self.O2_color, size='12pt')
        self.plot.setLabel('left', '%')
        self.plot.setLabel('bottom', 'Time(s)')
        self.plot.setYRange(25, 14)
        
        layout_vs = QVBoxLayout()											# 类似 SwiftUI 的 VStack 和 HStack
        layout_hs = QHBoxLayout()
        
        layout_vs.addWidget(self.plot)
        layout_vs.addWidget(self.plot)
        
        layout_hs.addLayout(layout_vs)
        layout_hs.addLayout(layout_vs)
        
        self.central_widget = QWidget()
        self.central_widget.setLayout(layout_hs)
        self.setCentralWidget(self.central_widget)		# 自此就构建出了 2*2 的界面
        
        # 当然也可以直接构建单个 plot 的界面
        # self.setCentralWidget(self.plot)
        
if __name__ == '__main__':
		app = QApplication(sys.argv)
    win = Window('PyQt')
    win.show()
    sys.exit(app.exec_())