QT designer 中两个QWidget控件设置垂直布局后，怎么将上面的QWidget重叠到下面QWidget控件上方一部分，并且界面能够自适应界面尺寸变化而变化，给出demo

在Qt Designer中设置垂直布局并让上方QWidget部分重叠下方QWidget，可以使用QStackedWidget或者 QVBoxLayout 结合 QLayout 的.addWidget 和 setAlignment 来实现。QStackedWidget允许你堆叠多个QWidget，并可通过索引来切换显示。

首先，你需要创建两个QWidget，假设我们分别命名为`widgetTop`和`widgetBottom`：

from PyQt5.QtWidgets import QWidget, QVBoxLayout, QLabel, QStackedWidget
from PyQt5.QtCore import Qt

class MainWidget(QWidget):
    def __init__(self):
        super().__init__()

        self.stack = QStackedWidget()
        
        # 创建两个QWidget
        widgetTop = QWidget(self)
        widgetTop_layout = QVBoxLayout(widgetTop)
        widgetTop_label = QLabel('这是上方QWidget', widgetTop)
        widgetTop_layout.addWidget(widgetTop_label)

        widgetBottom = QWidget(self)
        widgetBottom_layout = QVBoxLayout(widgetBottom)
        widgetBottom_label = QLabel('这是下方QWidget', widgetBottom)
        widgetBottom_layout.addWidget(widgetBottom_label)

        # 将它们添加到QStackedWidget中，设置上方QWidget部分重叠
        self.stack.addWidget(widgetTop)
        self.stack.addWidget(widgetBottom)

        # 设置顶部QWidget的高度为一半屏幕高度，然后重叠
        screen_height = self.height()
        widgetTop.setFixedHeight(screen_height // 2)
        widgetTop.setAlignment(Qt.AlignTop | Qt.AlignLeft)  # 左上角对齐

        self.setLayout(QVBoxLayout())
        self.layout().addWidget(self.stack)

        # 为了适应窗口大小变化，你可以使用信号槽处理resize事件
        self.resizeEvent = self.onResize

    def onResize(self, event):
        self.stack.setCurrentIndex(0)  # 可能需要调整这里的index，以便于适应不同大小

在这个例子中，当窗口大小改变时，通过`onResize`方法响应resize事件，保持上方QWidget的相对位置。如果你希望在某个特定情况下，例如窗口缩小到一定程度时，让下方QWidget完全覆盖上方，可以根据屏幕尺寸动态调整stack的索引。