在使用Qt框架进行开发时，当你将小部件添加到布局中，小部件默认会垂直居中。我们如何能让这些小部件从顶部开始垂直排列而不是默认的居中呢？

方法一：使用addStretch

如果你希望在一个QVBoxLayout中将固定大小的小部件堆叠在顶部，可以在这些小部件的末尾追加一个垂直伸缩：

layout.addStretch()

如果你有多个伸缩项或其他伸缩项目，你可以指定一个整数伸缩因子参数，以定义它们的尺寸比例。

例如：

layout.addStretch()
layout.addWidget(self.message)
layout.addWidget(self.userid_field)
layout.addWidget(self.password_field)
layout.addWidget(self.loginButton)
layout.addStretch()

这种方法可以在QVBoxLayout中将小部件按从上到下的顺序排列，而不再是默认的垂直居中。

方法二：使用setAlignment

你可以使用QLayout::setAlignment(Qt::Alignment alignment)方法，来根据你的需要设置对齐方式：

layout.setAlignment(Qt.AlignTop)

需要注意的是，如果你的布局中有扩展小部件并且你为其设置了最大高度，那么该小部件将不会按预期方式对齐。

Python示例

以下是一个Python示例，展示了如何将内容垂直对齐到顶部：

from PyQt4.QtCore import *
from PyQt4.QtGui import *class MyWidget(QWidget):def __init__(self, parent=None):QWidget.__init__(self, parent)layout = QVBoxLayout()label = QLabel('label:')layout.addWidget(label)info = QTextBrowser(self)info.setMinimumHeight(100)info.setMaximumHeight(200)layout.addWidget(info)        # 取消注释下一行来使这个小部件顶部对齐:# layout.setAlignment(info, Qt.AlignTop)button = QPushButton('Button 1')        layout.addWidget(button)        layout.setAlignment(Qt.AlignTop)self.setLayout(layout)if __name__ == '__main__':import sysapp = QApplication(sys.argv)widget = MyWidget()widget.show()widget.resize(QSize(900, 400))app.exec_()

在上面的例子中，我们通过layout.setAlignment(Qt.AlignTop)来使所有小部件顶部对齐。然而对于设置了最大高度的QTextBrowser，我们需要显式地调用layout.setAlignment(info, Qt.AlignTop)来使它对齐到顶部。

方法三：使用Qt Creator

如果你在使用Qt Creator，只需在小部件的底部添加一个“垂直间隔（Vertical Spacer）”即可。这些间隔可以在图形界面上找到，其图标类似于一个弹簧。

总结

总结一下，在QVBoxLayout中我们可以通过以下方法将小部件垂直对齐到顶部：

1. 使用layout.addStretch()方法，在小部件的末尾添加一个垂直伸缩。
2. 使用layout.setAlignment(Qt.AlignTop)方法，设置整体布局的对齐方式。
3. 在Qt Creator中使用“垂直间隔”来实现顶部对齐。