QVBoxLayout : Comment aligner verticalement les widgets en haut plutôt qu'au centre ?

Question

Dans Qt, lorsque j'ajoute des widgets à ma disposition, ils sont centrés verticalement par défaut. Existe-t-il un moyen de "lister" les widgets de haut en bas au lieu de les centrer verticalement ?

Answer 1

Si vous avez un QVBoxLayout et que vous voulez que vos widgets de taille fixe soient empilés en haut, vous pouvez simplement ajouter un étirement vertical à la fin :

layout.addStretch()

Si vous avez plusieurs civières ou autres éléments d'étirement, vous pouvez spécifier un argument de facteur d'étirement entier qui définit leur rapport de taille.

Voir aussi addStretch y addSpacerItem .

Ajoutez deux layout.addStretch() avant et après avoir ajouté les widgets pour les centrer verticalement :

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

Je ne suis pas sûr que cela réponde à votre question initiale, mais c'est la réponse à celle que j'ai eue en cherchant sur Google et en arrivant sur cette page - elle pourrait donc être utile à d'autres.

Answer 2

Utiliser void QLayout::setAlignment ( Qt::Alignment alignment ) pour définir l'alignement en fonction de votre choix.

Answer 3

Je trouve cela un peu plus compliqué que de simplement utiliser layout.setAlignment() . Cela ne fonctionnait pas pour moi jusqu'à maintenant, lorsque j'ai compris que si vous avez des widgets en expansion pour lesquels vous avez défini une hauteur maximale, alors ce widget ne sera pas aligné comme vous le souhaitez.

Voici un exemple de code qui fait no aligner en haut les QTextBrowser() widget même si j'appelle layout.setAlignment(Qt.AlignTop) . Désolé qu'il soit en Python, mais il est assez facile à traduire en C++ (j'ai fait l'inverse plusieurs fois).

from PyQt4.QtCore import *
from PyQt4.QtGui import *

class MyWidget(QWidget):
    """
    Create a widget that aligns its contents to the top.
    """

    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)        
        # Uncomment the next line to get this to align top.
#         layout.setAlignment(info, Qt.AlignTop)

        # Create a progress bar layout.
        button = QPushButton('Button 1')        
        layout.addWidget(button)        

        # This will align all the widgets to the top except
        # for the QTextBrowser() since it has a maximum size set.
        layout.setAlignment(Qt.AlignTop)

        self.setLayout(layout)

if __name__ == '__main__':

    import sys

    app = QApplication(sys.argv)

    widget = MyWidget()
    widget.show()
    widget.resize(QSize(900, 400))

    app.exec_()

Le texte suivant appelle explicitement layout.setAlignment(info, Qt.AlignTop) pour faire fonctionner le widget de texte en extension.

from PyQt4.QtCore import *
from PyQt4.QtGui import *

class MyWidget(QWidget):
    """
    Create a widget that aligns its contents to the top.
    """

    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)        
        # Uncomment the next line to get this to align top.
        layout.setAlignment(info, Qt.AlignTop)

        # Create a progress bar layout.
        button = QPushButton('Button 1')        
        layout.addWidget(button)        

        # This will align all the widgets to the top except
        # for the QTextBrowser() since it has a maximum size set.
        layout.setAlignment(Qt.AlignTop)

        self.setLayout(layout)

if __name__ == '__main__':

    import sys

    app = QApplication(sys.argv)

    widget = MyWidget()
    widget.show()
    widget.resize(QSize(900, 400))

    app.exec_()

Answer 4

Après comparaison entre les deux solutions, il semble que :

myLayout.setAlignment(Qt.AlignTop)

fonctionne pour plusieurs alignements de widgets mais :

myLayout.setAlignment(myWidget, Qt.AlignTop)

ne fonctionne que pour le premier widget que vous ajoutez à la mise en page. Après tout, la solution dépend aussi de la QSizePolicy de vos widgets.

Answer 5

Si vous utilisez QT creator, il vous suffit d'ajouter un "Vertical Spacers" au bas de votre widget.