Discussion :

[tarpal]

Bonjour à tous
Dans une fenêtre j'ai plusieurs boutons
je veux en personnaliser un ( dans mon exemple: bouton1)
Je veux le fond (background) de mon bouton en "vert"
Je veux le texte de mon bouton en "rouge".
Mes codes fonctionnent bien si on les prends séparément.
Si je mets les deux codes ensembles cela ne fonctionne pas
Je n'ai pas d'erreur de compilation mais ça ne marche pas !
voici mes codes
Main.cpp

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
#include <QApplication>
#include <QWidget>
#include <QPushButton>
 
#include "MaFenetre.h"
 
int main(int argc, char *argv[])
{
    QApplication app(argc,argv);
 
    MaFenetre fenetre;
    fenetre.show();
 
    return app.exec();
}

fenetre.h

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
#ifndef MAFENETRE_H
#define MAFENETRE_H
 
#include <QApplication>
#include <QWidget>
#include <QPushButton>
 
class MaFenetre : public QWidget
{
public:
    MaFenetre();
private:
    QPushButton *m_bouton1;
    QPushButton *m_bouton2;
    QPushButton *m_bouton3;
    QPushButton *m_bouton4;
 
 
 
};
 
#endif // MAFENETRE_H

fenetre.cpp

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
#include "MaFenetre.h"
 
MaFenetre::MaFenetre() : QWidget()
{
    setFixedSize(600,300);
 
    m_bouton1 = new QPushButton (" QUITER ",this);
    m_bouton1->setFont(QFont("Arial",14));
 
    // couleur du texte du bouton1 (rouge)
    m_bouton1->setStyleSheet("color:#FF0000");
 
    // couleur du fond de bouton1 (vert)
    m_bouton1->setStyleSheet("background-color:#00FF00;");
 
    // position du bouton1
    m_bouton1->move(50,50);
 
    m_bouton2 = new QPushButton (" version de Qt",this);
    m_bouton2->setFont(QFont("Ariel",14));
    m_bouton2->move(50,100);
 
    m_bouton3 = new QPushButton (" mon 3eme bouton",this);
    m_bouton3->setFont(QFont("Ariel",14));
    m_bouton3->move(50,150);
 
    m_bouton4 = new QPushButton (" mon 4eme bouton",this);
    m_bouton4->setFont(QFont("Ariel",14));
    m_bouton4->move(50,200);
 
    QObject::connect(m_bouton1,SIGNAL(clicked()),qApp,SLOT(quit()));
 
    QObject::connect(m_bouton2,SIGNAL(clicked()),qApp,SLOT(aboutQt()));
 
}

Quelqu'un peut-il me dire ce qui se passe ?
Merci
A+

[ymoreau]

En général une fonction setQuelqueChose écrase la valeur quelqueChose, c'est ce que tu fais ici. Ligne 14 tu écrases la styleSheet que tu avais mises ligne 11. Tu dois assigner ton code CSS en une fois.

[tarpal]

Re
Merci ymoreau pour ta réponse
Effectivement j'avais remarqué que de la position de ma ligne de code changeait le résultat
Bien sûr c'est la dernière commande qui active le résultat ( puisque la première commande est écrasée)
Tu me dit : "Tu dois assigner ton code CSS en une fois."
C'est quoi mon code CSS ?
Je suppose que c'est mon code source...
Je comprends donc que je dois faire une concaténation de mes deux commandes !
A+

[dourouc05]

C'est quoi mon code CSS ?

Tout ce que tu passes en argument à setStyleSheet, c'est du CSS . http://doc.qt.io/qt-5/stylesheet.html

[tarpal]

Re merci dourouc05 pour ta réponse et pour ton lien.
Décidément j'en ai à apprendre...
Je ne ferme pas encore ce sujet car je n'ai pas fini de galérer
A+

[tarpal]

Bonjour à tous
Je reviens d'une longue absence et je reprends mon sujet.
ymoreau dit :
Tu dois assigner ton code CSS en une fois.
Je n'y arrive pas car la commande : m_bouton1->setStyleSheet("background-color:#00FF00;"); ne supporte qu'un seul argument...
Je ne peux donc pas assigner le code en une seule fois.
Quelqu'un a-t-il une proposition?
Merci
A+

[ymoreau]

Si tu n'as jamais fait de CSS la logique peut être déroutante. Il faut bien comprendre que tu n'assignes pas une propriété graphique avec setStyleSheet mais tu assignes une chaine de caractère qui est du CSS. De la même manière qu'en web tu as généralement un fichier CSS qui décrit l'intégralité des propriétés graphiques (police de caractère, couleur de texte, couleur de fond etc), ici tu fournis une chaine décrivant l'intégralité de tes propriétés CSS. La chaine sera interprétée et les différentes valeurs (police, couleur etc) seront assignées en interne par Qt.

Le plus simple est de regarder les exemples :
http://doc.qt.io/qt-5/stylesheet-examples.html

Le CSS est un langage à part, un texte qui décrit ton "look".

[tarpal]

ymoreau
Un gros merci pour ton explication et ton lien...
Je vais prendre le temps de tout étudier
A+

[tarpal]

Re
ça y est ça marche
Afin de partager mon expérience, voici le code qui fonctionne:

Code :

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

1
2
 // couleur du texte du bouton1 (blanc sur fond bleu )
    m_bouton1->setStyleSheet( "color: white; background-color: blue");

Je mets le sujet en "résolu"
A+