Fabrication d'une calculatrice d'addition simple basée sur pyqt5 et Qt Designer

Préface

Écrivez au début de l'article,Je l'ai écrit moi - même pour documenter mon propre processus d'apprentissage,Donner une référence et des idées aux retardataires,Ce n'est pas particulièrement compliqué, mais je l'ai vu en deux joursbDeux articles deboutPyQt5Tutoriels
PyQt5Tutoriels,De Netease Cloud Classroom（J'ai vu24Cours）EtPythonDeGuiProgrammation-PyQt5De l'initiation à la pratique du projet（Tu vois?23Cours）
Pour moi, le premier article est biaisé en faveur deuiConception,Le deuxième est meilleur que le premier,C'est très détaillé,Je suis heureux de voir le premier article, mais je suis heureux de voir le deuxième parce que la première moitié du premier article commence à parler avec beaucoup de stylo et d'encreQt DesignerIl n'y a pas de lien entre le programme et le contrôle,Mais après avoir lu le deuxième, j'ai aussi soupiré que j'avais lu le premier avant de savoir très tôtQt Designer. Ça m'a permis d'économiser beaucoup de temps pour ne pas me frotter les mains UIInterface. Voir le chapitre 2 23 J'ai commencé à me donner une tâche en classe , Est de concevoir une petite calculatrice , Il n'y a que l'addition, mais je l'ai fait à cause de la pratique, pas à cause de la pratique , C'est très gratifiant de voir les points de connaissance utilisés .

De la calculatrice d'additionQt DesignerSection

CalculatriceUIConception

EntréeQt DesignerAprès

SélectionnerMain WindowCliquez sur créer

Il peut être grand au début, mais peut être ajusté en cliquant sur le coin inférieur droit

TrouverDisplay widgets Onglet et sélectionnez LCD NumberGlisser versMainWindow

TrouverButtonsSélectionnerPush ButtonGlisser versMain Window

Ctrl＋a Choisissez tous les espaces dans Clic droit dans l'espace vide Assurez - vous d'être dans l'espace , Pas sur le contrôle , Sinon, il ne s'adaptera pas à l'écran , C'est tragique de zoomer sur la fenêtre plus tard

Cliquez sur ces deux points et tirez - les en plein écran , À ce stade, vous pouvez essayer de tirer le coin inférieur droit pour voir s'il y a un changement avec votre traction ,Maislcd number L'affichage est trop grand ,Nous cliquonslcd number

Dans l'éditeur d'attributs à droite QWidget L'onglet trouve la largeur maximale dans sa taille maximale , C'est une grande valeur, on va commencer par 100 Ensuite, faites le changement correspondant à la figure réelle à droite à travers le rouleau , Pour rendre votre calculatrice plus confortable à regarder

C'est réglélcd number Après cela, double - cliquez sur le bouton pour changer le contenu du bouton
On a raison.ui La conception de l'interface est presque terminée , Ensuite, insérez le signal et la fente

Insérer un signal et une fente

Cliquez surEdit Puis cliquez sur modifier le signal / La fente entre dans le signal et l'édition de la fente

On clique sur un bouton - poussoir ,Et tirez vers le bas（ Attention de ne pas toucher d'autres commandes ）

Puis une boîte apparaîtra et nous choisirons à gauche clicked(), Sélectionnez Édition à droite

Cliquez où dans la fente après avoir entré l'édition ＋, Ajouter une fonction de fente personnalisée

Ajoutez trois fonctions de fente dont nous aurons besoin plus tard et cliquez sur OK

Il y a trois fonctions de fente de plus dans notre fente qu'avant , On va prendre à gauche clicked() Appariement avec la droite （ Appariement des boutons numériques clickNum(),＋ Le bouton numéro correspond à clickAdd(),= Les boutons correspondent à clickNum()）

C'est comme ça qu'on enterre les rainures , C'est le chaos, hein? ？

En fait, il y a un signal dans le coin inférieur droit /Éditeur de fentes, Il est clair ici que vous vous trompez

Cliquez sur l'icône enregistrer ci - dessus pour enregistrer sous .uiDocumentation

CoopérationvscodeLa programmation de fond suivante pour

Tout d'abord, nous devons vscodeInstaller ce plug - in

Ouvrez le dossier et faites un clic droit pour sélectionner PYQT:Complie from

Et unUi_AddCalculator.pyDocuments,On n'a pas à s'en soucier., Nous avons créé un nouveau fichier appelé StartAddCalculator.pyWriter, J'ai des notes sur chaque ligne

from  Ui_AddCalculator import Ui_MainWindow #ImporterQt DesignerClasse générée
import sys                                  #Importer une bibliothèque standardsysBibliothèque
from PyQt5.QtWidgets import QApplication,QMainWindow    #ImporterpyQt5 Contenu requis pour le paquet 


class MainWindow(QMainWindow, Ui_MainWindow):
    def __init__(self):
        super().__init__()  # Hériter de tous les parents __init__()
        self.setupUi(self)  #Exécution par défautUi_AddCalculator.pyÀ l'intérieur.setupUiFonctions
        self.Num = 0        # Définissez le numéro actuel à 0
        self.Add = []       # Définir une liste pour stocker les numéros d'exercices antérieurs 

    def clickNum(self):
        # self.Num = self.lcdNumber.value() # Placez le numéro affiché sur Num- Oui.
        btn = int(self.sender().text())     # Obtenir le nom de l'expéditeur du signal 
        self.Num = self.Num*10+btn          # Insérer le nouveau numéro entré dans NumEn arrière.
        self.lcdNumber.display(self.Num)    # Afficher les chiffres ci - dessus 

    def clickAdd(self):
        # self.Num = self.lcdNumber.value() # Placez le numéro affiché sur Num- Oui.
        self.Add.append(self.Num)           # Cache les nombres dans la liste 
        self.Num = 0                        #Vide.Num Prêt à accepter le prochain numéro 
        self.lcdNumber.display(0)           #Afficher0

    def clickEqu(self):
        # self.Num = self.lcdNumber.value() # Placez le numéro affiché sur Num- Oui.
        self.Add.append(self.Num)           # Cache les nombres dans la liste 
        self.lcdNumber.display(sum(self.Add))# La liste est additionnée et affichée 
        self.Num = 0                        #Vide.NumCache
        self.Add = []                       # Vider le cache numérique 


if __name__ == "__main__":                  # Exécuter ce qui suit lors de l'exécution de ce fichier 
    app = QApplication(sys.argv)            #ÉtablissementQApplication Objet et placé dans les paramètres entrants du système 
    Window = MainWindow()                   #ÉtablissementMainWindowObjet
    Window.show()                           #PrésentationMainWindoContenu de l'objet
    sys.exit(app.exec_())                   #Entréeapp.exec_ Cycle d'événements lorsque le système quitte le cycle dans son ensemble 

Une petite calculatrice fait , Bien sûr, il est facile d'accomplir d'autres fonctions