Discussion :

[clement_74]

Bonjour,
je personnalise mes QCheckbox avec les setstylesheet.
Parmi les options de personnalisation, il y a la possibilité de renseigner des images pour gérer l'apparence des cases à cocher (dans tous ses états).

Code :

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

1
2
3
4
5
6
7
8
9
        self.setStyleSheet("""
                           QCheckBox{
                           font: """ + str(taille_texte) + """px;
                           color: """ + str(couleur_texte) + """;
                           background-color:transparent;
                           }
                           QCheckBox::indicator:checked{
                           image: url(chemin/en/dur.png);
                           }

l'exemple ci-dessus fonctionne bien mais l'utilisation d'un chemin absolu m'ennui...

on m'a conseillé de positionner de tels chemins dans un .cmd en tant que variable d'environnement.

Code :

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

set MON_CHEMIN=C:\un\chemin\ici\cest\mieux

NB: du coup je lance le code depuis cmd.

Avec le code modifié ci dessous de la checkbox ci dessous, ça ne marche plus:

Code :

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

1
2
3
4
5
6
7
8
9
        self.setStyleSheet("""
            QCheckBox{
                font: """ + str(taille_texte) + """px;
                color: """ + str(couleur_texte) + """;
                background-color:transparent;
            }
            QCheckBox::indicator:checked {
                image: url(""" + ma_variable_environnement + """);
            }""")

à priori j'ai l'impression que c'est un problème de format de chemin... / ou \ comme séparateur de répertoires...
mais je ne sais pas comment convertir le type de chemin... ni même si je suis sur la bonne voie.
des idées?
merci,

[papajoker]

bonjour

A la place d'utiliser une variable d'environnement, il est possible de récupérer la variable __file__ (et de la transformer pour notre besoin)

Pour le reste, difficile de répondre, il faudrait au moins ajouter des print(variable) pour voir si on a bien l'image (avec bon chemin)

un problème de format de chemin... / ou \ comme séparateur de répertoires

Existe dans la lib python des fonctions pour ajouter des séparateurs qui vont être automatiquement convertis en fonction du système
- os.path.join() # par exemple, ou
- pathlib.Path.home() / 'python' / 'images' / 'truc.png' # sera des "\" si sous windows (ici, on utilise l'opérateur division sur un objet particulier. Aucune logique mais compréhensible visuellement)

[clement_74]

Bonjour,
merci pour la réponse mais je n'arrive toujours pas à comprendre ce qui ne va pas...

ci dessous quelques petites précisions (mon message d'hier était un peu rapide):

le setStyleSheet complet est le suivant:

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
        self.setStyleSheet("""
            QCheckBox{
                font: """ + str(taille_texte) + """px;
                color: """ + str(couleur_texte) + """;
                background-color:transparent;
            }
            QCheckBox::indicator:checked {
                image: url(""" + GetPath('checked3.png') + """);
            }
            QCheckBox::indicator:unchecked{
                image: url(""" + GetPath('unchecked3.png') + """);
            }
            QCheckBox::indicator:checked:hover{
                image: url(""" + GetPath('hoverchecked3.png') + """);
            }
            QCheckBox::indicator:unchecked:hover{
                image: url(""" + GetPath('hoverunchecked3.png') + """);
            }
            QCheckBox::indicator:checked:pressed{
                image: url(""" + GetPath('hoverunchecked3.png') + """);
            }
            QCheckBox::indicator:unchecked:pressed{
                image: url(""" + GetPath('hoverunchecked3.png') + """);
            }
            QCheckBox::indicator:checked:disabled{
                image: url(""" + GetPath('Checkbox_checked_disabled.png') + """);
            }
            QCheckBox::indicator{
                width: 20px;
                height: 20px;
            }""")

la fonction GetPath est la suivante:

Code :

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

1
2
3
def GetPath(image_name):
    path = os.path.join(os.getenv("MA_VARIABLE_CHEMIN"), 'icons', image_name)
    return path

quand je print le contenu du setstylesheet (qui ne marche pas), j'ai bien les url des bons répertoires qui s'affichent (comme dans l'url de l'explorateur window):

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
 
            QCheckBox{
                font: 16px;
                color: black;
                background-color:transparent;
            }
            QCheckBox::indicator:checked {
                image: url(C:\19\src\icons\checked3.png);
            }
            QCheckBox::indicator:unchecked{
                image: url(C:\19\src\icons\unchecked3.png);
            }
            QCheckBox::indicator:checked:hover{
                image: url(C:\19\src\icons\hoverchecked3.png);
            }
            QCheckBox::indicator:unchecked:hover{
                image: url(C:\19\src\icons\hoverunchecked3.png);
            }
            QCheckBox::indicator:checked:pressed{
                image: url(C:\19\src\icons\hoverunchecked3.png);
            }
            QCheckBox::indicator:unchecked:pressed{
                image: url(C:\19\src\icons\hoverunchecked3.png);
            }
            QCheckBox::indicator:checked:disabled{
                image: url(C:\19\src\icons\Checkbox_checked_disabled.png);
            }
            QCheckBox::indicator{
                width: 20px;
                height: 20px;
            }

si je remplace chaque chemin par un chemin non absolu avec des séparateurs différents, ça marche!:

Code :

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

1
2
3
            QCheckBox::indicator:checked:disabled{
                image: url(chemin/non/absolu/checked3.png);
            }

NB: ce que j'appelle chemin absolu c'est le str qui part de la racine...

mise à part le séparateur qui s’inverse entre (/ et \) entre les deux versions de code je ne vois pas ce qui cloche...
dans la tournure qui ne marche pas, j'utilise pourtant os.path.join!
ce serait pas un peu moche de faire un replace de \ par /? (j'ai pas essayé par ce que j'espère trouvé un meilleur moyen... de renseigner un chemin sans trop le "bricoler")... d'autant plus que la fonction GetPath fonctionne à merveille pour plein d'autres trucs.

Sinon, j’aimerais bien garder la déclaration de ma variable d'environnement dans mon fichier cmd à partir duquel je lance l'appli (au final c'est une version distribuée qui tourne vis à vis de laquelle j'ai besoin de souplesse sur certaines adresses).


merci,
cordialement,

[papajoker]

ok, tu es sous windows
Il faut utiliser aussi sous windows des /

[clement_74]

sujet résolu... en ajoutant un replace("\\","/") derrière le str renvoyé par la fonction ça tourne...
si quelqu'un à une autre méthode, je suis curieux! Parce que là, je trouve que c'est de la bricole non? Le "\" est interprété en "\\" pour pouvoir être remplacé par 1 "/"...

Code :

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

1
2
3
            QCheckBox::indicator:checked {
                image: url(""" + GetPath('checked3.png').replace("\\","/") + """);
            }

[VinsS]

Salut,

Je ne saisis pas où se trouve le problème, tu peux utiliser des chemins relatifs dans les styleSheets.

Exemple: toutes mes icône et autres graphiques se trouvent dans un sous-dossier medias/ à la racine de mon programme je peux donc utiliser QToolButton::menu-arrow {image: url(medias/popup_up_10.png);sans problème.

Et ce code est distribuable sans se soucier de l'endroit où l'utilisateur l'installe.