Qt Designer：能否在右侧视频QLabel上方添加参数QToolButton？

完全可以实现这个需求，以下是两种实用的布局方案，基于Qt的布局系统来实现：

方案1：使用QGridLayout（网格布局） #

网格布局可以精准控制控件的位置和跨行/跨列，适合这种需要按钮和视频标签错位排列的场景：

• 创建主窗口的QGridLayout作为根布局
• 将左侧视频QLabel设置为跨两行（占据第0、1行，第0列）
• 将“参数”按钮放在第0行第1列，设置对齐方式为Qt::AlignTop | Qt::AlignRight，确保它贴在右上角
• 将右侧视频QLabel放在第1行第1列，位于按钮下方

代码示例（PyQt5） #

import sys
from PyQt5.QtWidgets import (QApplication, QMainWindow, QWidget, QLabel, QPushButton,
                             QGridLayout)
from PyQt5.QtCore import Qt
from PyQt5.QtWidgets import QSizePolicy

class DualVideoWindow(QMainWindow):
    def __init__(self):
        super().__init__()
        self.setWindowTitle("双视频并排显示")
        central_widget = QWidget()
        self.setCentralWidget(central_widget)
        
        # 初始化控件
        left_video_label = QLabel("左侧视频区域")
        left_video_label.setStyleSheet("border: 1px solid #333;")
        left_video_label.setSizePolicy(QSizePolicy.Expanding, QSizePolicy.Expanding)
        
        right_video_label = QLabel("右侧视频区域")
        right_video_label.setStyleSheet("border: 1px solid #333;")
        right_video_label.setSizePolicy(QSizePolicy.Expanding, QSizePolicy.Expanding)
        
        param_btn = QPushButton("参数")
        
        # 构建网格布局
        grid_layout = QGridLayout(central_widget)
        # 左侧标签跨2行1列
        grid_layout.addWidget(left_video_label, 0, 0, 2, 1)
        # 参数按钮右上对齐
        grid_layout.addWidget(param_btn, 0, 1, alignment=Qt.AlignTop | Qt.AlignRight)
        # 右侧标签放在按钮下方
        grid_layout.addWidget(right_video_label, 1, 1)
        
        # 设置布局间距
        grid_layout.setSpacing(10)
        grid_layout.setContentsMargins(10,10,10,10)
        self.show()

if __name__ == "__main__":
    app = QApplication(sys.argv)
    window = DualVideoWindow()
    sys.exit(app.exec_())

方案2：嵌套布局（QHBoxLayout + QVBoxLayout） #

通过嵌套垂直和水平布局，把右侧区域单独封装，更符合模块化的布局思路：

• 给右侧区域创建QVBoxLayout，顶部放置“参数”按钮并设置右上对齐，下方放置右侧视频QLabel
• 主布局使用QHBoxLayout，左侧放视频QLabel，右侧放封装好的垂直布局容器

代码示例（PyQt5） #

import sys
from PyQt5.QtWidgets import (QApplication, QMainWindow, QWidget, QLabel, QPushButton,
                             QHBoxLayout, QVBoxLayout)
from PyQt5.QtCore import Qt
from PyQt5.QtWidgets import QSizePolicy

class DualVideoWindow(QMainWindow):
    def __init__(self):
        super().__init__()
        self.setWindowTitle("双视频并排显示")
        central_widget = QWidget()
        self.setCentralWidget(central_widget)
        
        # 初始化控件
        left_video_label = QLabel("左侧视频区域")
        left_video_label.setStyleSheet("border: 1px solid #333;")
        left_video_label.setSizePolicy(QSizePolicy.Expanding, QSizePolicy.Expanding)
        
        right_video_label = QLabel("右侧视频区域")
        right_video_label.setStyleSheet("border: 1px solid #333;")
        right_video_label.setSizePolicy(QSizePolicy.Expanding, QSizePolicy.Expanding)
        
        param_btn = QPushButton("参数")
        
        # 构建右侧垂直布局
        right_layout = QVBoxLayout()
        right_layout.addWidget(param_btn, alignment=Qt.AlignTop | Qt.AlignRight)
        right_layout.addWidget(right_video_label)
        
        # 构建主水平布局
        main_layout = QHBoxLayout(central_widget)
        main_layout.addWidget(left_video_label)
        main_layout.addLayout(right_layout)
        
        main_layout.setSpacing(10)
        main_layout.setContentsMargins(10,10,10,10)
        self.show()

if __name__ == "__main__":
    app = QApplication(sys.argv)
    window = DualVideoWindow()
    sys.exit(app.exec_())

关键注意点 #

• 给QLabel设置SizePolicy.Expanding可以让视频区域自适应窗口大小变化
• 通过alignment参数精准控制按钮的位置，确保它始终在右侧视频的右上角
• 可以根据需求调整布局的spacing和contentsMargins来优化界面间距

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