Rendre un label cliquable

Version imprimable

12/02/2013, 13h51
philippe63000

Rendre un label cliquable

Bonjour,

Oh, ce n'est pas si facile de débuter. Et donc pardonnez-moi par avance pour la naïveté de mes questions.

Utilisation de Qt sous windoxs XP.

Je voudrais rendre un label cliquable .
Et que lorsque le label1 est cliqué il rende un label2 invisible

Merci pour votre aide
12/02/2013, 16h53
GreatTux

Il est possible de créer un label cliquable (en créant une nouvelle classe héritant de QLabel, avec un eventFilter...).
Mais peut être qu'il est simplement plus judicieux d'utiliser un QPushButton à la place du label ?
12/02/2013, 18h29
philippe63000

Bonsoir,

Merci pour votre réponse

J'ai dans l'idée (peut-être tordue ou totalement fausse) de créer des 'labels' et les utiliser pour enter/modifier des informations réparties sur 3 personnes.

Au départ voici comment se présente l'écran. Les lettres sont grisées.
personne1
B V R G O N

personne 2
B V R G O N

personne3
B V R G O N

Puis si l'utilisateur clique sur B de la personne1, B passe en foncé et les B de la personne2 et celui de la personne3 deviennent invisibles.

Si l'utilsateur reclique sur B(le seul) de la personne1, les 3 B réapparaissent en grisé. La sélection a été annulée.

Merci de votre aide
12/02/2013, 18h52
GreatTux
Je pense que le plus simple est de partir sur des QPushButton pour les lettres. Si ce qui vous pose un problème c'est leur apparence (de bouton et pas de label), vous pouvez les définir comme "flat", setFlat(true) ou alors leur appliquer un style, setStyleSheet, qui ressemblerai à :
Code:

1 2 3 4 5 6 QPushButton { border: 0px; background: none; }
L'avantage des QPushButton est qu'ils ont déjà tout ce dont vous avez besoin, c'est à dire les signaux clicked(), que vous pourrez brancher à un/des slots de votre choix.
Il peut également être judicieux de tirer partie de la fonction "checkable", setCheckable(true), des QPushButton, qui leur permettra d'avoir la notion état comme une checkbox afin de gérer le coté grisé ou pas. Auquel cas on pourra faire quelque chose comme ça:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 QPushButton { border: 0px; background: none; color: gray; /* gris par defaut */ } QPushButton:checked { color: black; }

Bonjour,

Merci pour votre réponse. Je vais donc partir sur des 'pushButtons'.
Je définis donc 6 'pushButtons' sur une form. Je les renomme avec les lettres B V R G O N .
Je me place dans : mainwindow.h
et j'écris:

Code:

1
2
3
4
5
6
7
private slots :
void on_pushButton1_clicked();
void on_pushButton2_clicked();
void on_pushButton3_clicked();
void on_pushButton4_clicked();
void on_pushButton5_clicked();
void on_pushButton6_clicked();

puis je ma place dans mainwindow.cpp
et j'écris:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
void on_pushButton1_clicked()
{
//si le bouton est gris  alors le mettre en noir et rendre invisible les boutons (possédant la même lettre) des deux autres personnes
if (ui.pushButton1.color==gray)
{
ui.pushButton1.color=black;
ui.pushButton7.hide();
ui.pushButton13.hide();
 
}
 
//si le bouton est noir alors le mettre en gris et faire réapparaitre en gris les boutons(possédant la même lettre) des deux autres personnes
if (ui.pushButton1.color==black)
{
ui.pushButton1.color=gray;
ui.pushButton7.show();
ui.pushButton13.show();
 
}
 
 
}

Est-ce correcte?

Merci

Pour commencer, il faut d'indenter le code.
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 void on_pushButton1_clicked() { //si le bouton est gris alors le mettre en noir et rendre invisible les boutons (possédant la même lettre) des deux autres personnes if (ui.pushButton1.color==gray) { ui.pushButton1.color=black; ui.pushButton7.hide(); ui.pushButton13.hide(); } //si le bouton est noir alors le mettre en gris et faire réapparaitre en gris les boutons(possédant la même lettre) des deux autres personnes if (ui.pushButton1.color==black) { ui.pushButton1.color=gray; ui.pushButton7.show(); ui.pushButton13.show(); } }
On y voit mieux (même si c'était simple).

Ensuite problème d'algorithmie. Si le bouton est gris, tu le passes en noir, et juste après s'il est noir, tu le passes en gris. Donc il ne sera pas resté noir longtemps x)

Reprenons à partir de ton problème.
Il serait plus propre d'utiliser un bouton "checkable". Autrement dit un bouton qui s'enfonce en un clic, et se re-soulève au clic suivant. Libre à toi de définir le style d'un bouton enfoncé (noir) ou au repos (gris), GreatTux a expliqué comment.
Code:

1 2 3 4 5 6 7 void on_pushButton1_clicked() { //si le bouton est gris alors le mettre en noir et rendre invisible les boutons (possédant la même lettre) des deux autres personnes //si le bouton est noir alors le mettre en gris et faire réapparaitre en gris les boutons(possédant la même lettre) des deux autres personnes ui->pushButton7->setVisible(!ui->pushButton1->isChecked()); ui->pushButton13->setVisible(!ui->pushButton1->isChecked()); }
En effet, il faut séparer le style du fonctionnel, afin de les faire évoluer indépendamment.

Par contre là tu vas devoir faire 18 slots, c'est très laborieux. Une autre façon de faire : relier tous les boutons (signal clicked() ) au même slot. Tu as un moyen ensuite de savoir qui a déclenché le slot grâce à sender().

Ensuite tu peux trouver une façon intelligente de nommer les boutons et les traiter en un minimum de lignes de code. Supposons qu'ils s'appellent "pushButton1" à "pushButton18".
Boutons liés :
1-7-13
2-8-14
...
n - n+6 - n+12

Pour un bouton i :
- si i <= 6, on agit sur i+6 et i+12
- si 6 < i <= 12, on agit sur i-6 et i+6
- si i > 12, on agit sur i-12 et i-6
=> Pour un bouton i, on agit sur j = ((i+5)%18)+1 et k = ((i+11)%18)+1 (% c'est modulo)

Après il suffit de chercher les boutons "pushButton" + QString::number(j) et "pushButton" + QString::number(k).
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 void buttonClicked() { QPushButton* button = qobject_cast<QPushButton*>(sender()); // numéro du bouton int i = button->objectName().remove("pushButton").toInt(); int j = (i+5)%18+1; QPushButton* l_pLinkedButton = findChild<QPushButton*>("pushButton" + QString::number(j)); if (l_pLinkedButton) l_pLinkedButton->setVisible(!button->isChecked()); int k = (i+11)%18+1; l_pLinkedButton = findChild<QPushButton*>("pushButton" + QString::number(k)); if (l_pLinkedButton) l_pLinkedButton->setVisible(!button->isChecked()); }
Pour le nom, au lieu de les numéroter pushButton1 à 18, on peut faire mieux en les appelant B1 B2 B3, V1 V2 V3, etc. même si ça ne change pas grand chose.

N'hésite pas si tu as des questions, si je t'ai perdu.

Merci pour votre réponse.
Comme vous l'aviez supposé je suis encore à la rue!
J'ai compris le côté mathématique et les modulos et je pense le raisonnement informatique mais la réalisation reste obscure.

J'ai créé 18 pushbuttons (3 pour chacune des lettres B V R G O N
) .
Je les ai appelés pushbutton1 (qui correspond à B personne)1, pushbutton2 (qui correspond à B personne2), pushbutton3(qui correspond à B personne3) etc...

J'ai mis :
dans le programme Mainwindow.h (dans la class mainwindow)
Code:

1 2 3 private slots: void buttonClicked();
puis dans le programme mainwindow.cpp ( à la suite):
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 void MainWindow::buttonClicked() { QPushButton* button = qobject_cast<QPushButton*>(sender()); // numéro du bouton int i = button->objectName().remove("pushButton").toInt(); int j = (i+5)%18+1; QPushButton* l_pLinkedButton = findChild<QPushButton*>("pushButton" + QString::number(j)); if (l_pLinkedButton) l_pLinkedButton->setVisible(!button->isChecked()); int k = (i+11)%18+1; l_pLinkedButton = findChild<QPushButton*>("pushButton" + QString::number(k)); if (l_pLinkedButton) l_pLinkedButton->setVisible(!button->isChecked()); }
Le programme compile, run mais en cliquant sur un pushbutton rien ne se passe.

Dois-je rajouter un include? autre chose?

Merci pour votre réponse.

PS: je n'ai pas su suivre les conseils de GreatTux pour apporter de la couleur à ce projet.

Dans le constructeur (ou ça peut se faire dans designer aussi), il faut relier les signaux clicked() des boutons au slot buttonClicked(). Ce n'est pas automatique, contrairement au nommage on_pushButton1_clicked() (dans le fichier généré ui_xxxx.h il y a un appel à connectSlotsByName).

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
MainWindow::MainWindow()
{
    // ...
    connect(ui->pushButton1, SIGNAL(clicked()), SLOT(buttonClicked()));
    connect(ui->pushButton2, SIGNAL(clicked()), SLOT(buttonClicked()));
    connect(ui->pushButton3, SIGNAL(clicked()), SLOT(buttonClicked()));
    // etc.
 
    setStyleSheet("QPushButton\
                   {\
                       border: 0px;\
                       background: none;\
                       color: gray;\
                   }\
                   \
                   QPushButton:checked\
                   {\
                       color: black;\
                   }");
}

14/02/2013, 12h44
philippe63000
Merci.

Donc je dois connecter , dans le constructeur les 18 pushbuttons (clicked()) au slot 'buttonClicked()'
Dois-je prendre clicked() ou bool clicked() ?

Puis ajouter dans mainwindow.cpp (dans la fonction MainWindow::MainWindow() qui pour moi est :
Code:

1 2 3 4 5 MainWindow::MainWindow(QWidget *parent) : QMainWindow(parent), ui(new Ui::MainWindow) )
ajouter donc les 18 lignes
Code:

1 2 connect(ui->pushButton1, SIGNAL(clicked()), SLOT(buttonClicked())); ...
et cela devrait marcher?
14/02/2013, 13h14
Troudhyl

Citation:

Envoyé par philippe63000

Dois-je prendre clicked() ou bool clicked() ?

Euh, y'a qu'un signal clicked.

Citation:

Envoyé par philippe63000

Puis ajouter dans mainwindow.cpp (dans la fonction MainWindow::MainWindow() qui pour moi est :

MainWindow::MainWindow(QWidget *parent)
: QMainWindow(parent), ui(new Ui::MainWindow)

) ajouter donc les 18 lignes
connect(ui->pushButton1, SIGNAL(clicked()), SLOT(buttonClicked()));
...

et cela devrait marcher?

=> et cela connectera tes boutons à ton slot ;)
14/02/2013, 19h00
philippe63000

Bonsoir,

Et bien je suis un mauvais élève. Je n'arrive pas à faire marcher le programme.

J'ai utilisé 'edit signal/slot' pour connecter trois boutons (les trois B) au slot 'buttonClicked()'. J'ai utilisé 'clicked() et pas clicked(bool) et 'buttonclicked() comme slot.
Le receiver est mainwindow et le sender 'le pushbutton' considéré.

La compilation se passe bien, le programme tourne mais un click sur un pushbutton B' n'a aucun effet!
14/02/2013, 19h08
Troudhyl

Tu n'as pas des messages d'erreur dans la sortie, quand tu exécutes ?
Tu es sûr que la compilation a pris en compte tes modifications ? (dans le doute, clic droit sur le projet => qmake puis recompiler)
14/02/2013, 20h16
philippe63000

3 pièce(s) jointe(s)

Bonjour,

Voila les fichiers de ce projet

Je n'arrive pas à joindre le fichier . ui
15/02/2013, 08h26
Troudhyl

Fais un zip du projet plutôt alors, avec le .pro aussi. L'ui est indispensable là...

Citation:

Extensions de fichiers valides: 7z as asm asp aspx bz2 c cpp cs css doc docx fla gif gz h hpp htm html java jpeg jpg js ods odt pas pdf php pl png psd py rar sql swf tar tex txt vb xls xlsx xml xsd xsl xslt zip

=> il suffisait de changer l'extension (.ui.xml, .pro.txt).
15/02/2013, 08h40
philippe63000

1 pièce(s) jointe(s)

Bonjour,
Je viens d'apprendre à compresser des fichiers.
Voilà le dossier qui me pose problème. Il n'y a pas beaucoup de codes mais y a un truc.

Merci
15/02/2013, 11h24
Troudhyl

Désolé mais il n'y a toujours pas le nécessaire (et uniquement lui stp, ça te permet aussi de comprendre ce qu'il contient) :
- le .pro
- les sources (.h, .cpp, .ui), uniquement celles du projet, pas les auto-générées
- c'est tout (pas de MakeFile, pas de dossier de build, pas de ui_...h, pas de .pro.user, etc)
15/02/2013, 11h56
philippe63000

1 pièce(s) jointe(s)

Désolé, je croyais bien faire.
Cette fois-çi je crois que je l'ai fait correctement

Bonne réception et merci
15/02/2013, 15h16
Troudhyl

Parfait cette fois.

Alors, le code actuel fonctionne. Étant donné que tu n'as pas rendu les boutons "checkable" (case à cocher pour chaque bouton dans ses propriétés, dans le designer), isChecked() renvoie toujours false.
15/02/2013, 17h00
philippe63000

c'est beau quand ça marche.

Mille mercis pour votre compétence et votre patience
16/02/2013, 10h45
philippe63000
Bonjour,

Pour récupérer les boutons sélectionnés.
Dois-je ajouter un pressbutton (pour valider les choix), que je connecte à une routine qui récupère les boutons sélectionnés?

Pour savoir quels boutons sont sélectionnés dois-je travailler avec la couleur (les boutons sélectionnés sont noirs) ou sur 'checked' ou sur la visibilité?
Code:

1 2 3 if (ui:pressButton1.isvisible==true) if (ui.pressButton1.ischecked==true) if(ui.pressbutton1.color==black)
si ces fonctions existent!!

Merci d'avance