繁体   English   中英

阻止小部件相互重叠并在它们之间添加空间

[英]Stop widgets from overlapping each other and add space between them

我正在使用QHBoxLayout进行布局。 细分是:pic.1 是发生了什么,pic.2 是我想要的 - 小部件不重叠并且它们之间存在间隙。 对于 pic.2,我创建了一个Gap小部件以粘贴在现有小部件之间。 但这是一个繁琐的解决方案,意味着额外的维护(尤其是当我有两个以上的小部件需要照顾时)。 此外,由于 B 与 A 重叠,我认为新添加的间隙小部件也与 A 重叠,可能是根据其大小的一部分。 我对此不太确定。

图1

图2

我尝试使用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.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM