[英]Stop widgets from overlapping each other and add space between them
我正在使用QHBoxLayout
进行布局。 细分是:pic.1 是发生了什么,pic.2 是我想要的 - 小部件不重叠并且它们之间存在间隙。 对于 pic.2,我创建了一个Gap
小部件以粘贴在现有小部件之间。 但这是一个繁琐的解决方案,意味着额外的维护(尤其是当我有两个以上的小部件需要照顾时)。 此外,由于 B 与 A 重叠,我认为新添加的间隙小部件也与 A 重叠,可能是根据其大小的一部分。 我对此不太确定。
我尝试使用self.layout.addSpacing(10)
,但这不起作用。 红色小部件从它之前的位置移动 10 个像素,而不是从左侧小部件的边框移动。
还要注意,包含的小部件都将具有一些最小宽度规范。
那么,如何在 pic.2 中的两个小部件之间添加空间?
import sys
from PyQt5.QtWidgets import *
from PyQt5.QtGui import *
from PyQt5.QtCore import *
class Gap(QWidget):
def __init__(self, parent=None):
super().__init__(parent=parent)
self.setMinimumWidth(10)
self.setMinimumHeight(1)
class Line(QWidget):
def __init__(self, parent=None):
super().__init__(parent=parent)
# Set layout
self.layout = QHBoxLayout()
self.setLayout(self.layout)
# Set palette
self.palette1 = QPalette()
self.palette1.setColor(QPalette.Window, Qt.red)
self.palette2 = QPalette()
self.palette2.setColor(QPalette.Window, Qt.blue)
self.palettebg = QPalette()
self.palettebg.setColor(QPalette.Window, Qt.green)
self.setAutoFillBackground(True)
self.setPalette(self.palettebg)
# Set labels
self.label1 = QLabel(self)
self.label1.setText("A")
self.label1.setStyleSheet('font-size: 36pt;')
self.label1.adjustSize()
self.label1.setAutoFillBackground(True)
self.label1.setPalette(self.palette1)
self.label1.setMinimumSize(36, 36)
self.label2 = QLabel(self)
self.label2.setText("B")
self.label2.move(30, 0)
self.label2.setStyleSheet('font-size: 36pt;')
self.label2.adjustSize()
self.label2.setAutoFillBackground(True)
self.label2.setPalette(self.palette2)
self.label2.setMinimumSize(36, 36)
self.gap = Gap()
self.layout.addWidget(self.label1)
# self.layout.addWidget(self.gap)
# self.layout.addSpacing(10)
self.layout.addWidget(self.label2)
class App(QMainWindow):
def __init__(self):
super().__init__()
self.title = 'PyQt5'
self.left = 10
self.top = 10
self.width = 200
self.height = 54
self.initUI()
def initUI(self):
self.setWindowTitle(self.title)
self.setGeometry(self.left, self.top, self.width, self.height)
self.line = Line(self)
self.line.resize(74, 54)
self.line.move(50, 50)
self.show()
if __name__ == '__main__':
app = QApplication(sys.argv)
# CUSTOM
app.setFont(QFontDatabase().font("Monospace", "Regular", 14))
ex = App()
sys.exit(app.exec_())
根据要求编辑澄清:(1)假设父小部件的大小太小(并且无法调整大小),(2)父小部件具有 QHBoxLayout,其中添加了小部件 A 和 B,(3)父小部件正在太小了,QHBoxLayout 会排列子小部件 A 和 B,使它们像第一张图片中那样相互重叠。 (4) 这种重叠是不可取的,小部件只需要一个接一个地放置,没有重叠,它们之间有间隙,如图2。我不知道如何用QHBoxLayout来做到这一点。
编辑 2这是一个直观的解释。
这里的绿色是父小部件 -不能根据假设调整大小。 添加了小部件 A:
添加小部件 B:
现在,小部件 B 位于 A 之上。我不想要它。 我想要这个:
子widget的minimumSize不影响父widget的minimumSize,布局的使用也不影响widget的minimumSize。 布局使用处理的小部件的 minimumSize 作为信息设置 minimumSizeHint 和 sizeHint 以及其他功能,例如大小和大小调整策略。 因此,在第一个实例中,您必须将父小部件的 minimumSize 设置为它的 minimumSizeHint。
另一方面,布局默认有一个间距,因此建议将其设置为 0。
class Line(QWidget):
def __init__(self, parent=None):
super().__init__(parent=parent, autoFillBackground=True)
# Set palette
palette1 = QPalette()
palette1.setColor(QPalette.Window, Qt.red)
palette2 = QPalette()
palette2.setColor(QPalette.Window, Qt.blue)
palettebg = QPalette()
palettebg.setColor(QPalette.Window, Qt.green)
self.setPalette(palettebg)
# Set labels
self.label1 = QLabel(text="A", autoFillBackground=True)
self.label1.setStyleSheet('font-size: 36pt;')
self.label1.setPalette(palette1)
self.label1.setMinimumSize(36, 36)
self.label1.adjustSize()
self.label2 = QLabel(text="B", autoFillBackground=True)
self.label2.setStyleSheet('font-size: 36pt;')
self.label2.setPalette(palette2)
self.label2.setMinimumSize(36, 36)
self.label2.adjustSize()
# Set layout
layout = QHBoxLayout(self, spacing=0)
layout.addWidget(self.label1)
layout.addSpacing(10)
layout.addWidget(self.label2)
self.setMinimumSize(self.minimumSizeHint())
# or
# layout = QHBoxLayout(self, spacing=10)
# layout.addWidget(self.label1)
# layout.addWidget(self.label2)
# self.setMinimumSize(self.minimumSizeHint())
可以处理的布局的最大大小是父小部件的大小,因此在这种情况下它会压缩而不考虑空间,解决方案是设置一个作为内容的小部件,并在其中建立布局,所以布局将自由地延伸到内容小部件。
class Line(QWidget):
def __init__(self, parent=None):
super().__init__(parent=parent, autoFillBackground=True)
# Set palette
palette1 = QPalette()
palette1.setColor(QPalette.Window, Qt.red)
palette2 = QPalette()
palette2.setColor(QPalette.Window, Qt.blue)
palettebg = QPalette()
palettebg.setColor(QPalette.Window, Qt.green)
self.setPalette(palettebg)
# Set labels
self.label1 = QLabel(text="A", autoFillBackground=True)
self.label1.setStyleSheet('font-size: 36pt;')
self.label1.setPalette(palette1)
self.label1.setMinimumSize(36, 36)
self.label1.adjustSize()
self.label2 = QLabel(text="B", autoFillBackground=True)
self.label2.setStyleSheet('font-size: 36pt;')
self.label2.setPalette(palette2)
self.label2.setMinimumSize(36, 36)
self.label2.adjustSize()
content_widget = QWidget(self)
layout = QHBoxLayout(content_widget, spacing=10)
layout.addWidget(self.label1)
layout.addWidget(self.label2)
content_widget.setFixedSize(content_widget.minimumSizeHint())
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.