Connecter les boutons
Exclusif Premium
Débloquez votre potentiel ! ✨
Cette session fait partie de notre programme Premium exclusif
+100h de formations exclusives
+180 exercices de code avancés
+100h de mentorats en réécriture
20 projets guidés pas à pas
Mentorats groupés hebdomadaires
Support individuel avec nos mentors
Prêt à passer au niveau supérieur ?
Découvrez tous les avantages Premium et transformez votre apprentissage dès aujourd'hui!
Inscris-toi
(c'est gratuit !)
Un compte est nécessaire pour participer aux discussions.
Créer un compteConnecter les boutons
Il est temps de connecter les boutons des nombres et des opérations.
À l'intérieur de la classe Calculator, nous allons créer une méthode number_or_operation_pressed qui sera appelée lors du clique sur un bouton :
def number_or_operation_pressed(self):
if self.le_result.text() == "0":
self.le_result.clear()
self.le_result.setText(self.le_result.text() + self.sender().text())
La structure conditionnelle permet de supprimer le 0 déjà présent dans la boîte de texte.
On utilise ensuite la méthode
setText du QLineEdit pour récupérer le texte actuel (self.le_result.text()) et y ajouter le texte envoyé par le bouton cliqué.
Pour ce faire, on utilise la méthode self.sender() qui permet de récupérer le widget qui a déclenché l'événement. Il s'agit donc dans notre cas du QPushButton qui a été cliqué. On peut ensuite récupérer le texte du bouton avec la méthode text().
Maintenant, nous devons connecter cette méthode aux différents boutons. Nous allons effectuer cette opération juste après la création des boutons dans la méthode __init__ :
from PySide6.QtWidgets import QApplication, QWidget, QGridLayout, QLineEdit, QPushButton
BUTTONS = {"C": (1, 0, 1, 1),
"/": (1, 3, 1, 1),
"7": (2, 0, 1, 1),
"8": (2, 1, 1, 1),
"9": (2, 2, 1, 1),
"x": (2, 3, 1, 1),
"4": (3, 0, 1, 1),
"5": (3, 1, 1, 1),
"6": (3, 2, 1, 1),
"-": (3, 3, 1, 1),
"1": (4, 0, 1, 1),
"2": (4, 1, 1, 1),
"3": (4, 2, 1, 1),
"+": (4, 3, 1, 1),
"0": (5, 0, 1, 2),
".": (5, 2, 1, 1),
"=": (5, 3, 1, 1)}
class Calculator(QWidget):
def __init__(self):
super().__init__()
self.setWindowTitle("Calculatrice")
self.buttons = {}
self.main_layout = QGridLayout(self)
self.le_result = QLineEdit("0")
self.main_layout.addWidget(self.le_result, 0, 0, 1, 4)
for button_text, button_position in BUTTONS.items():
button = QPushButton(button_text)
self.main_layout.addWidget(button, *button_position)
# On connecte les boutons
if button_text not in ["=", "C"]:
button.clicked.connect(self.number_or_operation_pressed)
self.buttons[button_text] = button
def number_or_operation_pressed(self):
if self.le_result.text() == "0":
self.le_result.clear()
self.le_result.setText(self.le_result.text() + self.sender().text())
app = QApplication()
win = Calculator()
win.show()
app.exec()
Pour ne pas connecter les boutons C et = (qui permettent respectivement de supprimer l'opération et de calculer le résultat), nous utilisons une structure conditionnelle :
if button_text not in ["=", "C"]:
button.clicked.connect(self.number_or_operation_pressed)
On utilise ensuite le signal
clicked et la méthode connect pour connecter chaque bouton à la méthode créée précédemment.
Il ne nous reste plus qu'à créer une autre méthode qui va nous permettre de ré-initialiser le QLineEdit :
def clear_result(self):
self.le_result.setText("0")
Et de connecter le bouton
C à cette méthode, en y accédant grâce à notre dictionnaire self.buttons qui contient tous les boutons de notre interface :self.buttons["C"].clicked.connect(self.clear_result)
Voici le résultat final du script pour cette partie :
from PySide6.QtWidgets import QApplication, QWidget, QGridLayout, QLineEdit, QPushButton
BUTTONS = {"C": (1, 0, 1, 1),
"/": (1, 3, 1, 1),
"7": (2, 0, 1, 1),
"8": (2, 1, 1, 1),
"9": (2, 2, 1, 1),
"x": (2, 3, 1, 1),
"4": (3, 0, 1, 1),
"5": (3, 1, 1, 1),
"6": (3, 2, 1, 1),
"-": (3, 3, 1, 1),
"1": (4, 0, 1, 1),
"2": (4, 1, 1, 1),
"3": (4, 2, 1, 1),
"+": (4, 3, 1, 1),
"0": (5, 0, 1, 2),
".": (5, 2, 1, 1),
"=": (5, 3, 1, 1)}
class Calculator(QWidget):
def __init__(self):
super().__init__()
self.setWindowTitle("Calculatrice")
self.buttons = {}
self.main_layout = QGridLayout(self)
self.le_result = QLineEdit("0")
self.main_layout.addWidget(self.le_result, 0, 0, 1, 4)
for button_text, button_position in BUTTONS.items():
button = QPushButton(button_text)
self.main_layout.addWidget(button, *button_position)
# On connecte les boutons
if button_text not in ["=", "C"]:
button.clicked.connect(self.number_or_operation_pressed)
self.buttons[button_text] = button
# On connecte le bouton pour ré-initialiser le résultat
self.buttons["C"].clicked.connect(self.clear_result)
def number_or_operation_pressed(self):
# Si le QLineEdit contient le nombre 0, on efface tout
if self.le_result.text() == "0":
self.le_result.clear()
# On récupère le texte du QLineEdit et on y ajoute le texte du bouton cliqué
self.le_result.setText(self.le_result.text() + self.sender().text())
def clear_result(self):
# On ré-initialise le texte du QLineEdit
self.le_result.setText("0")
app = QApplication()
win = Calculator()
win.show()
app.exec()
00:00:00 :Maintenant qu'on a les boutons à l'intérieur de notre interface, on va devoir les connecteravec des méthodes qui vont nous permettre d'ajouter les nombres sur lesquels on cliqueà l'intérieur du LineEdit.
00:00:10 :Donc à l'intérieur de la classe Calculator, donc cette classe ici, on va rajouter uneméthode qui va s'appeler tout simplement NumberOrOperationPressed, donc c'est un nomassez explicite qui indique que quand un nombre ou une opération est cliqué, on va effectuerquelque chose à l'intérieur de cette méthode.
00:00:29 :Donc ce qu'on va faire ici en fait c'est récupérer le résultat qui est dans le LineEditet ajouter ce qui a été envoyé par l'événement qui a déclenché cette méthode.
00:00:38 :Donc cette méthode on va la connecter au bouton, donc je vais le faire tout de suiteà l'intérieur de cette boucle ici, on va rajouter donc bouton.Clicked.Connect et on
00:00:47 :va connecter ça à NumberOrOperationPressed.Donc ça, ça nous permet de dire que quand on va cliquer sur le bouton, on va déclenchercette méthode.Et ce qu'on peut faire ici, c'est récupérer le widget qui a déclenché cette méthode.
00:01:00 :Pour ça, on peut utiliser Self.Sender, donc c'est un truc un petit peu magique qui permeten fait tout simplement de récupérer le widget qui a émis le signal qui a déclenchécette méthode.
00:01:09 :Donc je vais vous montrer ce que ça donne, on va faire un print de Self.Sender et jevais lancer l'application et si je clique sur un bouton, vous voyez qu'on récupèreun objet du type QPushButton et si je clique sur un autre, vous voyez qu'on a un objetà une adresse en mémoire différente, donc ça nous prouve bien qu'on récupère différents
00:01:24 :pushbuttons en fonction des boutons sur lesquels on clique.Et donc je peux faire également un print du texte de ces pushbuttons pour vous montrerqu'il s'agit bien du bouton sur lequel on clique, donc par exemple le 3, le 8, le Cou encore un symbole d'opération comme le plus.
00:01:38 :Donc maintenant ce qu'on va pouvoir faire, c'est récupérer ce qui est déjà présentdans le QLineEdit et ajouter cet élément.Donc ce qu'on va faire, c'est récupérer Self.LEResult.Text et y ajouter le texte de
00:01:50 :l'élément qui est envoyé.Donc ça ici, ça nous permet de récupérer le texte du LineEdit et ça, ça nous permetde récupérer le texte du bouton sur lequel on clique.
00:01:58 :Et tout ça, on va le passer à la méthode SetText du LineEdit pour changer le texte.Donc on fait Self.LEResult.SetText et on lui passe tout ça pour modifier le texte.
00:02:08 :Et donc ça va modifier le texte du LineEdit.Donc on va voir ce que ça donne, je lance l'application, si je clique sur 2, vous voyezqu'on va rajouter le 2 après le 0, si je mets un symbole comme le moins, on va le rajouteraprès, etc.
00:02:19 :Donc on prend ce qui est déjà dans la boîte et on rajoute l'élément sur lequel on clique.Le seul problème, c'est qu'actuellement, quand on débute, on a un 0 ici et si je cliquesur un bouton, je ne veux pas que le 0 il reste.
00:02:30 :J'aimerais bien effacer ce 0 quand il y a un 0 dans la boîte pour mettre le symboleà la place et ensuite continuer avec le reste des symboles sur lesquels je clique.
00:02:39 :Donc pour ça, on va faire une structure conditionnelle ici au tout début.On va vérifier si le texte qui est contenu dans le LineEdit, donc If Self.LEResult.Text
00:02:49 :est égal à la chaîne de caractère 0, eh bien on va tout simplement faire un Self.LEResult.Clear.Donc on va supprimer tout ce qui est à l'intérieur du LineEdit.
00:02:58 :Donc comme ça, si je lance l'application, vous allez voir, on a le 0 ici et donc sije clique là sur un bouton, on va rentrer dans cette condition puisque le texte du LineEditest bien égal à 0, donc on va effacer tout ce qui est dedans et on va rajouter après
00:03:11 :ce qu'il y a dans le LineEdit, donc dans ce cas-ci rien, et l'élément sur lequelon clique, par exemple le nombre 2.Donc je vais vous montrer ça, je clique par exemple sur 2 et vous voyez qu'on a bien2 qui s'affichent et ensuite si je clique sur 3, eh bien là cette condition ne sera
00:03:23 :pas vérifiée puisque là on a 2 à l'intérieur du LineEdit, donc cette condition ne serapas vérifiée et on ne va pas effacer ce qu'il y a dans le LineEdit et on va justese contenter de rajouter l'élément sur lequel on clique en plus de ce qui est déjà
00:03:34 :dans le LineEdit.Donc je clique sur 3 et là ça rajoute, si je mets un "-", ça rajoute l'opérateuretc.Donc voilà pour la logique de l'ajout du bouton sur lequel on clique dans le LineEdit,maintenant vous allez voir qu'on a un petit problème puisqu'on a également connectédes boutons comme le C ou le bouton d'opération, donc le égal, et ces boutons on ne veut pas
00:03:51 :les ajouter dans l'opération.Le C ça va nous permettre de supprimer tout ce qui est dans le LineEdit et le égal c'estle symbole qui va déclencher le calcul de l'opération.
00:04:00 :Donc ce qu'on va devoir faire ici c'est rajouter une condition avant le bouton cliquedpour vérifier si le bouton, donc le texte du bouton n'est pas égal au symbole d'égalitéou au C.
00:04:11 :Donc on va faire if button text not in, et là on va mettre dans une liste le symboled'égalité et le C, donc si le texte du bouton n'est pas dans cette liste, donc si ce n'estpas le symbole d'égalité ou la lettre C, eh bien on crée la connexion.
00:04:28 :Et si c'est le cas, donc si bouton texte est dans cette liste, eh bien on ne fait rienet on ne crée aucune connexion.Donc là si je relance, si je clique sur C il ne se passe rien, et si je clique sur l'égalitéil ne se passe rien non plus.
00:04:38 :Et ce qu'on va faire c'est par contre à la suite, donc après la boucle, connecterle bouton C pour faire en sorte que quand on clique dessus ça va supprimer tout cequi est à l'intérieur du line edit.
00:04:48 :Donc on va déjà créer cette méthode, je vais l'appeler clear result, et dans cetteméthode on va faire un self.lresult.settext et on va remettre la boîte de texte à ce
00:04:57 :qu'on avait par défaut, donc à savoir le nombre 0.Ensuite, après la boucle for, donc une fois qu'on sort de cette boucle avec tous les boutons,on va récupérer le bouton grâce à notre dictionnaire self.buttons, on va récupérer
00:05:09 :le bouton avec la lettre C, et on va le connecter donc avec .clicked.connect pour le connectersur la méthode clear result.On ne met pas les parenthèses, bien faire attention à ça, si vous mettez les parenthèsesça va appeler la méthode, nous on veut juste dire que c'est cette méthode qu'il
00:05:22 :faut appeler quand le signal clicked est émis.Donc on va vérifier si ça fonctionne, je lance, je mets une opération, et si j'appuiesur C on revient bien à 0.
00:05:30 :Donc peu importe ce que je mets ici, une opération, n'importe quoi, je clique onrevient à 0, et on a bien le symbole d'égalité qui lui n'est toujours pas connecté.
00:05:37 :Donc on a connecté tous les boutons dont on avait besoin à part le symbole d'égalitéqu'on verra dans la prochaine partie, qui va nous permettre de calculer l'opérationqui est à l'intérieur du line edit, mais sinon tout le reste ça fonctionne parfaitement,on a le clic sur les boutons qui ajoutent les numéros ici, les opérations qui marchent
Ce n'est pas fini...
✋
Tu as complété % du parcours 🔥
Termine l'intégralité de la formation pour pouvoir débloquer ton attestation de réussite.
