Discussion :

[ptissendier]

Bonjour,
Je m' "amuse" avec QStyleSheet que je trouve très pratique elle permet de faire beaucoup de choses sans passer par Qstyle
Je base sur https://doc.qt.io/qt-5/stylesheet-syntax.html
et sur https://doc.qt.io/qt-5/stylesheet-re...-of-properties

J'ai un problème avec la propriété border.
Le "Bouton D" semble bien afficher l'épaisseur et le style du border, mais pas la couleur !?
Dans le tooltip du bouton C le border radius ne s'effectue pas
Voici le petit code avec les 2 syntaxes pour le QStyleSheet.

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
57
58
59
60
61
62
63
64
 
#=======================================
# Codage de QStyleSheet
 
import sys
from PyQt5.QtCore import *
from PyQt5.QtGui import *
from PyQt5.QtWidgets import *
 
class Principal(QMainWindow):
 
    def __init__(self):
        super().__init__()
        myW=QWidget()
        self.setCentralWidget(myW)
        self.setGeometry(900,400,400,200) #(x,y,L,h)
        self.setWindowTitle('QStyleSheet Exemples')
        self.setStyleSheet('''QWidget{background-color: AntiqueWhite;}''')
 
        btnA=QPushButton("Bouton A")
        btnA.setStyleSheet('''background-color:grey''')
 
        btnB=QPushButton("Bouton B")
        btnB.setStyleSheet("color: white;background-color:blue")
 
        btnC=QPushButton("Bouton C avec un tooltip ")
        btnC.setToolTip(''' Ceci est un ToolTip \n d'explication''')
        btnC.setStyleSheet('''QPushButton{
                                background-color:LightGreen;
                                color:Coral;font-weight:bold;
                                }
                            QToolTip{
                                background-color:LightBlue;
                                color:black;
                                opacity:200;
                                border-radius:10px;
                                }''')
 
        btnD=QPushButton("Bouton D")
        btnD.setStyleSheet("background-color:grey;\
                            border: 2px red solid;\
                            border-radius:10px")
 
        leA=QLineEdit()
        leA.setPlaceholderText("Recherche....")
 
        gBox=QGridLayout()
        #gBox.addWidget(self.tablevue,0,0)
        gBox.addWidget(btnA,0,0)
        gBox.addWidget(btnB,0,1)
        gBox.addWidget(btnC,1,0)
        gBox.addWidget(btnD,1,1)
        gBox.addWidget(leA,4,0)
 
        myW.setLayout(gBox)
        leA.setFocus()        
 
 
if __name__ == '__main__':
 
    app =QApplication(sys.argv)
    test = Principal()
    test.show()
    sys.exit(app.exec_())

Merci à vous pour votre lecture critique et votre aide.

[VinsS]

Salut,

Pour le bouton D, la syntaxe n'est pas correcte.

Code :

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

1
2
3
4
5
 
        btnD.setStyleSheet("""QPushButton{
                            background-color:grey;
                            border: 2px solid red;
                            border-radius:10px;}""")

Pour le toolTip tu n'as pas défini de bordure donc il n'y a rien à voir.

Code :

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

1
2
3
4
5
6
7
8
 
                            QToolTip{
                                background-color:LightBlue;
                                color:black;
                                opacity:200;
                                border: 2px solid red;
                                border-radius:10px;
                                }''')

Malheureusement, les coins du background se voient toujours.

Si ceci peut t'inspirer:
https://bazaar.launchpad.net/~vincen...stylesheets.py

[ptissendier]

Waouh !
Merci Vinss, pour ton œil acéré
et ce lien c'est une mine d'or !!!