besoin de conseils pour widget/layout dépliant

Version imprimable

06/07/2018, 21h05
flapili

besoin de conseils pour widget/layout dépliant

Bonjour,

Je cherche le moyen le plus efficace de faire un menu dépliant, et je n'es pas vu de widget qui fait cela.
Pour l'instant je suis plus dans le comment faire plutôt que dans le code, est ce un bouton qui addWidget /removeWidget est la meilleure solution?
y'as t'il plus simple ?

Bonjour,

Je ne sais pas ce que tu entends par "menu dépliant".

Certains widgets supporte les menus "classiques" comme QMainWindow. On peut aussi en mettre dans les autres widgets qui contiennent une méthode "setMenu".

Voilà un exemple avec un QPushButton: on voit que cette solution permet de choisir une action parmi d'autres du clic sur le bouton.

Code:

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
42
43
44
45
46
47
48
49
50
51
52
53
#!/usr/bin/python3
# -*- coding: utf-8 -*-
 
import sys
from PyQt5 import (QtWidgets, QtCore)
 
#############################################################################
class Fenetre(QtWidgets.QWidget):
 
    #========================================================================
    def __init__(self, parent=None):
        super().__init__(parent)
 
        self.bouton = QtWidgets.QPushButton("bouton", self)
 
        # création du menu pour le bouton
        self.menubouton = QtWidgets.QMenu(self.bouton)
 
        actionTest1 = self.menubouton.addAction("Jaune")
        actionTest1.triggered.connect(self.test1)
        # 
        actionTest2 = self.menubouton.addAction("Vert clair")
        actionTest2.triggered.connect(self.test2)
        # 
        self.menubouton.addSeparator()
        #
        actionTest3 = self.menubouton.addAction("Couleur par défaut")
        actionTest3.triggered.connect(self.test3)
        # 
        self.bouton.setMenu(self.menubouton)
 
        posit = QtWidgets.QGridLayout()
        posit.addWidget(self.bouton, 0, 0)
        self.setLayout(posit)
 
    #========================================================================
    def test1(self):
        self.bouton.setStyleSheet("background-color:yellow;")
 
    #========================================================================
    def test2(self):
        self.bouton.setStyleSheet("background-color:lightgreen;")
 
    #========================================================================
    def test3(self):
        self.bouton.setStyleSheet("")
 
#############################################################################
if __name__ == "__main__":
    app = QtWidgets.QApplication(sys.argv)
    fen = Fenetre()
    fen.show()
    sys.exit(app.exec_())

On peut aussi créer des menus contextuels (ou popup) qui surgissent avec un clic droit de souris.

Voilà un exemple avec un QPushButton. On voit que cette solution ne modifie pas la fonction principale du bouton (le clic => une action), mais ajoute d'autres actions possibles, ici des changements de couleurs.

Code:

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
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
#!/usr/bin/python3
# -*- coding: utf-8 -*-
 
import sys
from PyQt5 import (QtWidgets, QtCore)
 
#############################################################################
class Fenetre(QtWidgets.QWidget):
 
    #========================================================================
    def __init__(self, parent=None):
        super().__init__(parent)
 
        self.bouton = QtWidgets.QPushButton("bouton", self)
        self.bouton.clicked.connect(self.clictest)
 
        # création du menu contextuel
        self.setContextMenuPolicy(QtCore.Qt.CustomContextMenu)
        self.customContextMenuRequested.connect(self.popupmenu)
 
        posit = QtWidgets.QGridLayout()
        posit.addWidget(self.bouton, 0, 0)
        self.setLayout(posit)
 
    #========================================================================
    def popupmenu(self, position):
        """Menu contextuel
        """
        popupmenu = QtWidgets.QMenu(self)
 
        actionTest1 = popupmenu.addAction("Jaune")
        actionTest1.triggered.connect(self.test1)
 
        actionTest2 = popupmenu.addAction("Vert clair")
        actionTest2.triggered.connect(self.test2)
 
        popupmenu.addSeparator()
 
        actionTest3 = popupmenu.addAction("Couleur par défaut")
        actionTest3.triggered.connect(self.test3)
 
        popupmenu.exec_(self.mapToGlobal(position))
 
    #========================================================================
    def clictest(self):
        QtWidgets.QMessageBox.information(self, "Information", "Clic bouton")
 
    #========================================================================
    def test1(self):
        self.bouton.setStyleSheet("background-color:yellow;")
 
    #========================================================================
    def test2(self):
        self.bouton.setStyleSheet("background-color:lightgreen;")
 
    #========================================================================
    def test3(self):
        self.bouton.setStyleSheet("")
 
#############################################################################
if __name__ == "__main__":
    app = QtWidgets.QApplication(sys.argv)
    fen = Fenetre()
    fen.show()
    sys.exit(app.exec_())

Et pour les widgets qui ont déjà un menu contextuel, on peut remplacer ce menu ou simplement le modifier en ajoutant des items.

07/07/2018, 14h49
flapili

1 pièce(s) jointe(s)

Bonjour,
Merci de votre aide, j'admet que ma demande est floue et qu'un exemple aurais aider à comprendre se que je souhaite faire.
Un exemple :
Pièce jointe 394709

J'ai également vus que les widgets ont comme propriétés visible, est-ce que se serais plus approprié que d'utiliser addWidget / removeWidget ?
07/07/2018, 16h02
VinsS

Salut,

Ce sont des QComboBox ça, très simple d'utilisation, d'ailleurs.

Je te recommande d'utiliser le Designer de Qt il a l'avantage de te permettre de paramétrer chaque widget dès la création de la fenêtre et t'épargne de nombreuses heures que tu aurais du consacrer à la documentation.
07/07/2018, 16h13
flapili

1 pièce(s) jointe(s)

Je ne parle pas des combobox mais bien des boutons qui permettent de faire apparaître les label et combobox
Pièce jointe 394718
07/07/2018, 16h45
flapili

Citation:

Envoyé par VinsS

Je te recommande d'utiliser le Designer de Qt il a l'avantage de te permettre de paramétrer chaque widget dès la création de la fenêtre et t'épargne de nombreuses heures que tu aurais du consacrer à la documentation.

Je te recommande de lire entre les lignes :roll:

J'ai avancé un peu:

Code:

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
 
from PyQt5 import QtWidgets, QtGui, QtCore
import sys
 
app = QtWidgets.QApplication(sys.argv)
 
class Depliant(QtWidgets.QWidget):
	def __init__(self, parent=None):
		self.open = True
		QtWidgets.QWidget.__init__(self, parent=parent)
		self.layout = QtWidgets.QVBoxLayout(self)
		self.button = QtWidgets.QPushButton("+")
		self.button.setFixedSize(20, 20)
		self.button.clicked.connect(self.switch)
		self.layout.addWidget(self.button)
		self.content = QtWidgets.QWidget()
		self.layout.addWidget(self.content)
		self.content_layout = QtWidgets.QGridLayout(self.content)
 
	def addWidget(self, widget, row, column):
		self.content_layout.addWidget(widget, row, column)
 
	def switch(self):
		if self.open == True:
			self.open = False
		else:
			self.open = True
		self.content.setVisible(self.open)
 
 
class Main:
	def __init__(self):
		w = QtWidgets.QMainWindow()
		central_widget = QtWidgets.QWidget()
		w.setCentralWidget(central_widget)
		layout = QtWidgets.QGridLayout(central_widget)
		a = Depliant()
		layout.addWidget(a, 1, 1)
		a.addWidget(QtWidgets.QLabel("test"), 0, 0)
		a.addWidget(QtWidgets.QLabel("test"), 1, 0)

Y'as encore pas mal à faire mais sa peut déjà donner une idée de se que je compte faire