QCheckbox setstylesheet url

Version imprimable

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:

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:

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:

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,

05/10/2022, 18h30
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)

Citation:

Envoyé par clement_74

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)

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:

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:

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:

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:

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,

06/10/2022, 10h37
papajoker

ok, tu es sous windows
Il faut utiliser aussi sous windows des / :roll:
06/10/2022, 13h14
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:

1 2 3 QCheckBox::indicator:checked { image: url(""" + GetPath('checked3.png').replace("\\","/") + """); }
06/10/2022, 13h44
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.
06/10/2022, 21h38
clement_74

Bonjour,
oui en effet, le setstylesheet prend bien les cheminq relatifs! (c'est d'ailleurs comme ça que je les utilise le plus souvent, y compris en mode distribué car au final ça gère bien les mouvements dans les arborescences... sauf quand ça touche aux chemins des dépendances de l'appli elle même).

Là je suis sur une appli qui doit fonctionner en mode distribué ET sur un reseau dont je ne maitrise pas l'arborescence ET avec divers paramètres d'entrés qui sont très évolutifs... bon tout ça ne bouge pas tous les jours mais j'avais juste envie de m'éviter de générer un *.exe à chaque fois que les répertoires de dépendance de l'appli évoluent.

Du coup, j'ai opté pour sortir complètement les chemins de dépendance de mon code (les chemins deviennent des arguments du code).
Comme ça, si pour x ou y raison, il y a un truc qui doit bouger dans l'arborescence, j'ai juste à aller modifier un fichier (dans mon cas j'ai opté pour le *.cmd qui sert à lancer l'appli pour les utilisateurs (qui ne se rendent pas compte qu'ils lancent un *.cmd) et ce *.cmd embarque des variables d'environnement contenant mes paths).

pour le coup, j'ai été un peu dérouté par la gestion des "/", "\" et "\\" et autre os.sep qui servent à la même chose mais qui ne sont pas forcément compatibles entre eux ni universel vis à vis de chaque objet.

cordialement,