为什么 QGridLayout 小部件在添加新小部件时会移动？

我似乎无法理解它们是如何工作的。放置多个小部件的最佳方式似乎是 QGridLayout，但是当我将某些内容添加到特定的行/列中，然后决定将某些内容添加到另一行/列中时，一切都会发生变化，这真的很令人沮丧。

例如，我什至无法做像谷歌主页这样简单的布局。当我将搜索栏添加到我想要的位置，然后在其上方添加图像/文本时，所有内容都会进入奇怪的位置等，并且我无法在网上找到有关如何处理它的正确解释。因此，如果有人能以一种可以理解的方式向像我这样的初学者解释它，我会很高兴。

所以当我有以下代码时：

from PyQt6.QtWidgets import *
import sys
import numpy as np
import os
from PyQt6 import QtCore, QtGui
from PyQt6.QtCore import QEvent, Qt
from PyQt6.QtGui import QPalette, QColor
from pathlib import Path




app = QApplication(sys.argv)
    

class MainWindow(QWidget):
    def __init__(self):
        super(MainWindow, self).__init__()
        self.resize(1024, 768)
        self.setWindowTitle("Tracker")
        

        layout = QGridLayout()
        self.setLayout(layout)
        #layout.setRowMinimumHeight(0, 50)

        #layout.setColumnMinimumWidth(0,50)


        self.input = QLineEdit(self)
        self.input.setPlaceholderText('Enter Username')
        layout.addWidget(self.input,1,1)
        self.input.setFixedSize(300,30)



        self.darkmode_check = QCheckBox('Darkmode',self)
        self.darkmode_check.toggled.connect(self.darkmode)
        self.darkmode_check.setChecked(True)
        self.darkmode_check.move(0,0)
        
    

    def darkmode(self):
            
            if self.darkmode_check.isChecked() == True:
                app.setStyleSheet(Path('D:\CODE\League Code\darkorange.qss').read_text())
            else:
                app.setStyleSheet(Path('D:\CODE\League Code\classic_edit.qss').read_text())   
 
    
       

window = MainWindow()
window.show()
sys.exit(app.exec())

我得到的屏幕就是我想要的。

当我只想在此搜索栏上方添加文本时：

通过增加

self.text = QLabel(self)
self.text.setText('Tracker')
layout.addWidget(self.text,0,1)

我明白了：

到处都是。

有人对 GridLayout 有很好的解释或者可以推荐好的网站吗？我发现了很多关于网格的样子等，但没有任何帮助（还有一些帖子给了我 3x3 网格，一些 4x4 等，我现在很困惑） 我基本上只是想在中间放置一个搜索栏，然后在其上方放置一个文本，然后继续到处添加一些小东西。

谢谢

Qt 基本布局总是尝试evenly将可用空间划分为其“单元格”，每个小部件都将保留该空间（即使它没有使用全部空间）。

请注意，不同的小部件类型也有不同的规模政策 https://doc.qt.io/qt-5/qsizepolicy.html#details告诉布局应该如何分配可用空间并最终设置这些小部件的几何形状。

例如，QLineEdit 有一个Fixed 纵向政策，这意味着它的大小提示将始终被视为唯一有效的高度（这类似于调用setFixedHeight() or setFixedSize()正如你所做的那样）。

相反，QLabel 有一个Preferred大小策略，这意味着如果布局中还有剩余空间，它就可以利用它。

当您只有行编辑时，布局只有该小部件，因此它将把它放置在中心（因为您没有指定对齐方式）。但是当你添加标签时，布局发现行编辑需要非常小的空间，因此它将剩余的空间留给标签，因此你的结果。

对于像这样的简单情况，您可以在添加小部件时指定正确的对齐方式：提供对齐方式时，该项目不会尝试占据整个单元格，并且布局会将其与该布局单元格的可用空间对齐。

        layout.addWidget(self.text, 0, 0, alignment=Qt.AlignBottom)
        layout.addWidget(self.input, 1, 0, alignment=Qt.AlignTop)

请注意，我将该列更改为 0，因为将小部件放置在second如果第一列没有任何内容，unless你想利用setColumnStretch() or setColumnMinimumWidth().

还要考虑到，对于这种带有大量空白空间的“宽”布局，通常最好使用嵌套布局或使用容器小部件。

例如：

        layout = QGridLayout(self)
        centerLayout = QVBoxLayout()
        layout.addLayout(centerLayout, 0, 0, alignment=Qt.AlignCenter)

        # ...
        centerLayout.addWidget(self.text)
        centerLayout.addWidget(self.input)

或者，另一种选择：

        layout = QGridLayout(self)
        centerWidget = QWidget()
        layout.addWidget(centerWidget, 0, 0, alignment=Qt.AlignCenter)

        centerLayout = QVBoxLayout(centerWidget)
        # ... as above

尝试删除alignment上面两个例子中的参数，你就会看到区别。

我建议你做一些实验Qt Designer 中的布局 https://doc.qt.io/qt-5/designer-layouts.html，这使得您可以更轻松地立即了解布局如何在不同的小部件类型中工作和表现。