将小部件添加到 Vbox 布局时出现大小调整问题

Issues with sizing when I add widget to Vbox Layout

我 运行 QLayouts 的问题。

class welcomeWidget(QWidget):
    def __init__(self):
        super().__init__()
        self.initText()
        self.organize()

    def initText(self):
        self.welcome = QLabel("Welcome to Name!", self)
        self.info = QLabel("This program allows you to....", self)
        self.message = QLabel("First, you must enter some data...", self)
        self.proceed = QLabel("Click on 'Next >>' to proceed.", self)

    def organize(self):
        vbox = QVBoxLayout(self)
        scroll = QScrollArea(self)
        vbox.addWidget(scroll)
        wid = QWidget(self)
        vevobox = QVBoxLayout(wid)

        vv = QVBoxLayout()
        vv.addWidget(self.welcome)
        vv.addWidget(self.info)
        vevobox.addLayout(vv)
        self.show()

看起来像这样……

不知道该怎么办,每当我添加其他 QLabel 时,它们都会消失。

在展示解决方案之前,您必须解释一些事情:

  • 有 3 种方法可以在小部件中设置布局:

    1. 创建没有父级的小部件,然后小部件指示它使用该布局 setLayout():

      lay = QVBoxLayout()
      foo_widget.setLayout(lay)
      
    2. 指向构建布局时要管理的小部件。

      lay = QVBoxLayout(foo_widget)
      
    3. 前面两种方法是等价的,但第三种方法是将其建立为已建立布局的儿子。

  • 一个小部件只能有一个布局作为顶层,所以如果只剩下最后一个:

    lay1 = QVBoxLayout(foo_widget)
    lay2 = QVBoxLayout(foo_widget)
    
    # The above is equivalent to:
    
    lay1 = QVBoxLayout()
    lay2 = QVBoxLayout(foo_widget)
    
  • 一个小部件是另一个小部件的儿子,当它在构造函数中被设置为父级时,或者它被建立为处理小部件位置的布局的一部分:

    1.

    child_1 = Foo_Widget(some_widget)
    

    2.

    lay = Foo_Layout(some_widget)
    child_2 = Foo_Widget()
    lay.addWidget(child_2)
    

因此,如果您考虑到上述情况,您可以减少代码:

...
def initText(self):
    self.welcome = QLabel("Welcome to Name!")
    self.info = QLabel("This program allows you to....")
    self.message = QLabel("First, you must enter some data...", self)
    self.proceed = QLabel("Click on 'Next >>' to proceed.", self)

def organize(self):
    vbox = QVBoxLayout(self)
    scroll = QScrollArea()
    vbox.addWidget(scroll)

    wid = QWidget(self)
    vevobox = QVBoxLayout(wid)

    vv = QVBoxLayout()
    vv.addWidget(self.welcome)
    vv.addWidget(self.info)
    vevobox.addLayout(vv)

    self.show()

使用上面的方法,可以组装出下面的树:

welcomeWidget
├── message
├── proceed
├── vbox (QVBoxLayout)
│   └── scroll
└── wid 
    └── vevobox (QVBoxLayout)
        └──vv (QVBoxLayout)
           ├── info
           └── welcome

如您所见,这是预期的,例如,有 2 个标签显示在所有内容后面,因为它们最初是在没有布局的情况下建立的,然后在放置 QScrollArea 的地方建立了布局,所以最后一个占用了所有可用的 space ,最后放置了没有布局的 wid 小部件,因此它将位于左上角的位置,并在该小部件内建立了剩余的 2 个标签。

想法是具有以下结构:

welcomeWidget
└── vbox (QVBoxLayout)
    └── scroll
        └── wid
            └── vv (QVBoxLayout)
                ├── info
                ├── message
                ├── proceed
                └── welcome

使用上面的内容你会得到以下内容:

class welcomeWidget(QWidget):
    def __init__(self):
        super().__init__()
        self.initText()
        self.organize()

    def initText(self):
        self.welcome = QLabel("Welcome to Name!")
        self.info = QLabel("This program allows you to....")
        self.message = QLabel("First, you must enter some data...")
        self.proceed = QLabel("Click on 'Next >>' to proceed.")

    def organize(self):
        vbox = QVBoxLayout(self)
        scroll = QScrollArea()
        scroll.setWidgetResizable(True)

        wid = QWidget()
        scroll.setWidget(wid)

        vv = QVBoxLayout(wid)
        vv.addWidget(self.welcome)
        vv.addWidget(self.info)
        vv.addWidget(self.message)
        vv.addWidget(self.proceed)
        vv.addStretch()

        vbox.addWidget(scroll)
        self.show()