Discussion :

[gerome88]

Bonjour.
je voudrais changer le style de plusieurs QLabel,
lorsque j'enchaine 2 setStyleSheet , seul le dernier est prit en compte.

ex:
j'ai 2 QLabel (label1 et label2) le nom est defini dans QT designer

self.dlg.setStyleSheet("QLabel#label1{color : blue;background-color: green}")
self.dlg.setStyleSheet("QLabel#label2{color : blue;background-color: red}")

je ne vois pas où est le soucis, je passe bien par des ID selector pourtant.

merci de m’éclairer.

[gerome88]

si je fais :

self.dlg.label1.setStyleSheet("background-color: red")
self.dlg.label2.setStyleSheet("background-color: blue")

pas de soucis, ca marche.
mais je veux une solution pour pouvoir "boucler" sur une liste de QLabel car je veux modifier l'apparence de certains labels (pas tous) et j'en ai beaucoup.

[wiztricks]

Salut,

A vous lire, on dirait que vous ne savez pas faire une boucle sur une liste de... ce qui semble "bizarre" puisque ce sont des bases à connaitre avant de se perdre dans Qt.

- W

[gerome88]

si je boucle (2 fois), seul le dernier setstylesheet est prit en compte, ou du moins le premier setstylesheet est remis à défaut.
si mon premier exemple ne fonctionne pas, inutile de boucler, ça marchera pas mieux après.

[Diablo76]

Salut,

Effectivement, tel quel ça ne fonctionne pas, il faut les passer en une seule fois :

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
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
from PyQt6 import QtCore
from PyQt6.QtWidgets import QApplication, QWidget, QVBoxLayout, QLabel, QLineEdit
 
 
class Ui_Labels(object):
    def setupUi(self, Labels):
        Labels.setWindowTitle("Labels")
        Labels.setObjectName("Labels")
        Labels.resize(253, 219)
        self.vLayoutWidget = QWidget(parent=Labels)
        self.vLayoutWidget.setGeometry(QtCore.QRect(10, 20, 231, 182))
        self.vLayoutWidget.setObjectName("vLayoutWidget")
        self.verticalLayout = QVBoxLayout(self.vLayoutWidget)
        self.verticalLayout.setContentsMargins(0, 0, 0, 0)
        self.verticalLayout.setObjectName("verticalLayout")
 
        self.label1 = QLabel(parent=self.vLayoutWidget)
        self.label1.setObjectName("label1")
        self.label1.setText("Label_1")
        self.verticalLayout.addWidget(self.label1)
        self.lineEdit1 = QLineEdit(parent=self.vLayoutWidget)
        self.lineEdit1.setObjectName("lineEdit1")
        self.verticalLayout.addWidget(self.lineEdit1)
 
        self.label2 = QLabel(parent=self.vLayoutWidget)
        self.label2.setObjectName("label2")
        self.label2.setText("Label_2")
        self.verticalLayout.addWidget(self.label2)
        self.lineEdit2 = QLineEdit(parent=self.vLayoutWidget)
        self.lineEdit2.setObjectName("lineEdit2")
        self.verticalLayout.addWidget(self.lineEdit2)
 
        self.label3 = QLabel(parent=self.vLayoutWidget)
        self.label3.setObjectName("label3")
        self.label3.setText("Label_3")
        self.verticalLayout.addWidget(self.label3)
        self.lineEdit3 = QLineEdit(parent=self.vLayoutWidget)
        self.lineEdit3.setObjectName("lineEdit3")
        self.verticalLayout.addWidget(self.lineEdit3)
 
        self.vLayoutWidget.setStyleSheet(
            """QLabel#label1{color : blue; background-color: green}
            QLabel#label2{color : blue; background-color: red}
            QLabel#label3{color : blue; background-color: yellow}"""
        )
 
 
if __name__ == "__main__":
    import sys
 
    app = QApplication(sys.argv)
    Labels = QWidget()
    ui = Ui_Labels()
    ui.setupUi(Labels)
    Labels.show()
    sys.exit(app.exec())

Maintenant, si tu dois utiliser une boucle, rien ne t'empêche d'itérer sur tes widgets label et d'appliquer ta "customisation"

Code :

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

1
2
3
4
5
6
CUSTOM_WIDGETS = ("color : blue; background-color: green", 
                        "color : blue; background-color: red",
                        "color : blue; background-color: yellow")
 
for i, label in enumerate(self.vLayoutWidget.findChildren(QLabel)):
    label.setStyleSheet(CUSTOM_WIDGETS[i])

[gerome88]

merci, nickel.

mais j'aimerais bien savoir pk je ne peux pas enchainer les setstylesheet en utilisant les selecteurs d'ID ? c'est fait pour ca il me semble.

[Diablo76]

Salut,

Pour moi, ce comportement est normal.
Lors de l'appel de la méthode, si les objets (via type et id) et le style à appliquer ne sont pas passés en paramètre, ils utilisent leurs palettes par défaut.

[popo]

Une solution que j'utilise consiste à déclarer des style dans un fichier QSS et à jouer sur la propriété "class".
Ici avec un bouton :

Code QSS :

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
QPushButton.letter {
    background-color: #FFFFFF;
    color:#002C52;
    border:1px solid #0046FE;
}
 
QPushButton.correct {
    color:#FFFFFF;
    background-color:#0046FE;
}
 
QPushButton.wrong {
    color:#FFFFFF;
    background-color:#FF5C35;
    border:1px solid #FF5C35;
}

Puis lorsque je crée mon bouton.

Code Python :

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

button.setProperty("class", "letter")

En cas de mise à jour de la classe, genre après le clic :

Code Python :

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

1
2
3
4
5
 if self._worker.try_letter(letter):
      button.setProperty("class", "correct")
else:
      button.setProperty("class", "wrong")
button.style().polish(button)

Et dans le main :

Code python :

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

1
2
3
with open("Hangman.qss", "r") as f:
      style = f.read()
      app.setStyleSheet(style)