PyQt5中QHBoxLayout内控件重叠：如何让按钮与滑块并排？

嘿，我帮你找到了问题的根源！你遇到的按钮和滑块重叠的问题，其实是PyQt新手常踩的小坑——你创建了QHBoxLayout，但没有把它设置为窗口的主布局。

你的Example类继承自QWidget，默认情况下它没有绑定任何布局管理器。所以你创建按钮和滑块时虽然传了self作为父控件，但它们会按照绝对定位的方式显示在窗口左上角，自然会挤在一起重叠，完全不会遵循你给slider_hbox设置的stretch、spacing规则。

解决方法很简单： #

在initUI方法的末尾，添加一行代码，把你创建的布局设置为窗口的布局：

self.setLayout(self.slider_hbox)

这一行代码会让Qt的布局管理器接管窗口内所有子控件的位置和大小，严格按照你定义的slider_hbox的规则来排列按钮和滑块——包括你设置的拉伸因子、间距，都会生效。

额外优化建议： #

创建按钮和滑块时，其实可以不用传self作为父参数。因为当你把控件添加到布局后，布局会自动将控件的父对象设置为布局所属的窗口，这样代码更简洁，也符合Qt的布局使用规范。

修改后的完整代码： #

import sys
from PyQt5.QtWidgets import *
from PyQt5.QtCore import *
from PyQt5.QtGui import *

class Example(QWidget):
    def __init__(self):
        super(Example, self).__init__()
        self.initUI()

    @pyqtSlot()
    def onclick(self):
        print("AAA")
        # 用三元表达式简化代码
        setstr = "yrange auto ON" if self.btn_yrange.isChecked() else "yrange auto OFF"
        self.btn_yrange.setText(setstr)
        # 布局生效后，按钮文本变化时会自动调整宽度，不需要手动调用adjustSize()

    def initUI(self):
        self.col = QColor(0, 0, 0)
        self.slider_hbox = QHBoxLayout()
        
        # 创建控件时无需传入self，布局会自动管理父对象
        self.btn_yrange = QPushButton('yrange auto OFF')
        self.btn_yrange.setCheckable(True)
        self.btn_yrange.clicked.connect(self.onclick)
        
        self.slider_yrange = QSlider(Qt.Horizontal)
        self.slider_yrange.setFocusPolicy(Qt.StrongFocus)
        self.slider_yrange.setTickPosition(QSlider.TicksBothSides)
        self.slider_yrange.setTickInterval(10)
        self.slider_yrange.setSingleStep(1)
        
        self.slider_hbox.addStretch(1)
        self.slider_hbox.addWidget(self.btn_yrange, Qt.AlignRight)
        self.slider_hbox.addStretch(1)
        self.slider_hbox.addSpacing(10)
        self.slider_hbox.addWidget(self.slider_yrange)
        self.slider_hbox.addStretch(1)
        
        # 关键：将布局绑定到窗口
        self.setLayout(self.slider_hbox)
        
        self.setGeometry(300, 300, 280, 170)
        self.setWindowTitle('Toggle button')
        self.show()

if __name__ == '__main__':
    app = QApplication(sys.argv)
    ex = Example()
    sys.exit(app.exec_())

现在运行修改后的代码，按钮和滑块就会按照你期望的方式并排显示了，而且按钮文本切换时，布局会自动调整按钮的宽度，完全不需要手动处理。

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