Discussion :

[xonop]

Bonjour,

Je souhaiterai conserver les proportions d'un widget lors de son redimensionnement et faire en sorte qu'il reste centré dans l'espace de son widget parent.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
QMainWindow
|-> QDockWidget
    |-> QFrame
        |-> QFrame
            |-> QWidget

Dans la hiérarchie ci-dessus c'est le QWidget que je souhaiterais centrer dans la QFrame.
Auriez-vous une idée ?

[VinsS]

Tout ça se fait simplement avec des layouts et des spacers.


Layout horizontal------------------------
|<--QSpacer-->widget<--QSpacer-->|
-------------------------------------------


Mais je te conseille quand même d'utiliser le Designer pour tout cela, tu pourra directement visualiser le résultat.

[xonop]

Initialement j'étais parti sur une grille du style :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
  0 1 2
0 - - -
1 - W -
2 - - -

Avec les lignes et colonnes 0 et 2 extensibles, le coefficient du Widget devant être nettement plus élévé que celui des lignes et colonnes extensibles.
Du coup, effectivement mon Widget est centré, par contre rien ne garantit ses proportions ...

[tyrtamos]

Bonjour,

Voilà un petit exemple qui permet de montrer un widget (un QPushButton) au centre d'un container (le QWidget de la fenêtre) et qui suit le redimensionnement de la fenêtre en conservant ses proportions.

Le principe, comme l'a évoqué VinsS, est de créer 2 spacers horizontaux et 2 spacers verticaux, et de positionner les 5 éléments (les 4 spacers et le bouton) grâce à un QGridLayout 3x3.

Comme c'est ici un bouton, il faut aussi lui permettre l'ajustement de ses proportions avec le redimensionnement de la fenêtre, grâce à un QSizePolicy.

Le principe devrait être adaptable à d'autres widgets et à d'autres containers.

Mais c'est vrai que c'est plus facile à faire avec QtDesigner!

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
#!/usr/bin/python
# -*- coding: utf-8 -*-
from __future__ import division
# Python 2.7
 
import sys
 
from PyQt4 import QtCore, QtGui
 
class Fenetre(QtGui.QWidget):
    def __init__(self, parent=None):
        super(Fenetre, self).__init__(parent)
        self.resize(400, 300)
 
        # création du bouton avec faculté d'expansion respectant la proportion
        self.bouton = QtGui.QPushButton(self)
        sizePolicy = QtGui.QSizePolicy(QtGui.QSizePolicy.Expanding, QtGui.QSizePolicy.Expanding)
        sizePolicy.setHeightForWidth(True)
        self.bouton.setSizePolicy(sizePolicy)
 
        # spacer horizontaux
        spacerItem1 = QtGui.QSpacerItem(50, 20, QtGui.QSizePolicy.Minimum, QtGui.QSizePolicy.Expanding)
        spacerItem2 = QtGui.QSpacerItem(50, 20, QtGui.QSizePolicy.Minimum, QtGui.QSizePolicy.Expanding)
        # spacer verticaux
        spacerItem3 = QtGui.QSpacerItem(20, 50, QtGui.QSizePolicy.Expanding, QtGui.QSizePolicy.Minimum)
        spacerItem4 = QtGui.QSpacerItem(20, 50, QtGui.QSizePolicy.Expanding, QtGui.QSizePolicy.Minimum)
 
        # positionnement de tous les éléments dans le self (=le QWidget)
        posit = QtGui.QGridLayout()
        posit.addItem(spacerItem1, 1, 0)
        posit.addItem(spacerItem2, 1, 2)
        posit.addItem(spacerItem3, 0, 1)
        posit.addItem(spacerItem4, 2, 1)
        posit.addWidget(self.bouton, 1, 1)
        self.setLayout(posit)
 
if __name__ == "__main__":
    app = QtGui.QApplication(sys.argv)
    fen = Fenetre()
    fen.show()
    sys.exit(app.exec_())

[xonop]

Bonjour,

J'ai essayé ton exemple. Effectivement c'est bien centré, par contre les proportions ne sont pas conservées

[VinsS]

Les proportions de quoi par rapport à quoi ?

Supposant que tu ne crées pas une fenêtre contenant juste un simple bouton.