Durch Sharlene von Drehen
TeilenTwitternTeilenEmail

Erfahren Sie, wie Sie eine einfache Taschenrechner-App erstellen, und beginnen Sie Ihre Programmierreise mit Windows Forms.

Beim Erlernen des Programmierens kann es hilfreich sein, Erfahrungen zu sammeln, indem Sie bereits vorhandene Apps neu erstellen. Eine gängige Anfänger-App, mit der Sie beginnen können, ist ein Taschenrechner.

Sie können eine Desktoprechner-App mit einem Windows Forms-Projekt in Visual Studio erstellen. In einer Windows Forms-Anwendung können Sie UI-Elemente anklicken und auf eine Leinwand ziehen, um das Design Ihres Taschenrechners zu visualisieren.

Anschließend können Sie den zugrunde liegenden C#-Dateien Codelogik hinzufügen, um festzulegen, was passieren soll, wenn der Benutzer auf eine Zahl, einen Operator, eine Lösch- oder eine Gleich-Schaltfläche klickt.

So fügen Sie UI-Elemente zum Rechner hinzu

Beginnen Sie mit Erstellen einer neuen Windows Form-Anwendung in Visual Studio

instagram viewer
. Fügen Sie dann der Leinwand UI-Elemente hinzu, um die Benutzeroberfläche des Taschenrechners zu erstellen.

So fügen Sie die Zahlen- und Operator-Schaltflächen hinzu

Fügen Sie Schaltflächen hinzu, um die Zahlen und Operatoren (+, - usw.) darzustellen, auf die der Benutzer klickt.

  1. Navigieren Sie zur Leinwand, die standardmäßig geöffnet sein sollte. Wenn dies nicht der Fall ist, klicken Sie auf .cs Datei für das Formular (z. Form1.cs). Klicken Sie auf das Dropdown-Menü und wechseln Sie in den Designmodus.
  2. Suchen Sie in der Toolbox nach a Taste UI-Element. Klicken Sie auf eine Schaltfläche und ziehen Sie sie auf die Leinwand.
  3. Markieren Sie die Schaltfläche. Ändern Sie im Eigenschaftenfenster jede der folgenden Schaltflächeneigenschaften auf den entsprechenden neuen Wert:
    Eigentum Neuer Wert
    Name Taste 1
    Größe 120, 120
    Text 1
  4. Fügen Sie der Leinwand 19 weitere Schaltflächen hinzu, um die anderen Zahlen, Operatoren und Funktionen des Taschenrechners darzustellen.
  5. Markieren Sie für jede Schaltfläche die Schaltfläche und ändern Sie die Text- und Namenseigenschaft im Eigenschaftsfenster. Ändern Sie die Werte entsprechend der Nummer oder Funktion der Schaltfläche.
    Taste Namenseigenschaft Text-Eigenschaft
    2 Knopf2 2
    3 Knopf3 3
    4 Knopf4 4
    5 Knopf5 5
    6 Knopf6 6
    7 Knopf7 7
    8 Knopf8 8
    9 Knopf9 9
    0 Taste0 0
    Zusatz buttonErgänzung +
    Subtraktion SchaltflächeSubtraktion -
    Multiplikation SchaltflächeMultiplikation X
    Aufteilung SchaltflächeDivision ÷
    Komma SchaltflächeDezimal .
    Gleichheitszeichen SchaltflächeGleich =
    Rechte Klammer buttonRightBracket )
    Linke Klammer buttonLeftBracket (
    Klar SchaltflächeLöschen C
    Eintrag löschen SchaltflächeEintrag löschen CE
  6. Ordnen Sie die Reihenfolge der Schaltflächen neu an, um das Aussehen eines Standardrechners nachzubilden. Halten Sie alle Tasten gleich groß.
  7. Sie können auch einige Schaltflächen hervorheben und ihre Farbe mithilfe von in eine Farbe Ihrer Wahl ändern Hintergrundfarbe Eigenschaft im Eigenschaftenfenster.
  8. Markieren Sie zum Beispiel die Zusatztaste. Gehen Sie in das Eigenschaftenfenster und suchen Sie die Hintergrundfarbe Eigentum. Wählen Silber aus der Liste der Optionen in der Dropdown-Liste. Sie können Bedientasten erstellen Silber-, und die C- und CE-Tasten Orange.

So fügen Sie das Ausgabeergebnis-Label hinzu

Fügen Sie ein Textfeld-UI-Element hinzu, um das Ergebnis darzustellen, das der Taschenrechner dem Benutzer anzeigt.

  1. Ziehen Sie in der Toolbox a Panel-UI-Element auf die Leinwand.
  2. Markieren Sie das Bedienfeld und suchen Sie die Hintergrundfarbe Eigenschaft im Eigenschaftenfenster. Ändern Sie dies in Weiß. Sie können das Bedienfeld auch in der Größe ändern und neu positionieren, damit es mehr wie ein Taschenrechner aussieht.
  3. Ziehen Sie in der Toolbox a TextBox-UI-Element auf die Leinwand.
  4. Markieren Sie das Textfeld. Ändern Sie im Eigenschaftenfenster die folgenden Eigenschaften auf den neuen Wert:
    Eigentum Neuer Wert
    Name textBoxAusgabe
    BorderStyle Keiner
    Text 0
    Textausrichtung Recht
    Ermöglicht FALSCH
    Hintergrundfarbe Weiß
  5. Positionieren Sie das Textfeld innerhalb des Panels.

So fügen Sie die Berechnungslogik hinzu

Fügen Sie Code hinzu, um die Berechnungslogik auszuführen, wenn der Benutzer auf die Schaltflächen klickt.

  1. Öffne dein .cs Datei für das Formular (z. B. Form1.cs).
  2. Deklarieren Sie eine Variable namens aktuelle Berechnung, an der Spitze der Klasse. Du kannst lernen, wie man Klassen in C# erstellt wenn Sie sie nicht kennen.
    öffentlich teilweise KlasseForm 1 : Bilden
    {
    private Zeichenfolge aktuelle Berechnung = "";

    Öffentlichkeit Form 1()
    {
    Initialisieren der Komponente();
    }
    }

  3. Erstellen Sie unter dem Konstruktor eine neue Funktion mit dem Namen button_Click(). Dies wird jedes Mal ausgeführt, wenn der Benutzer auf eine Zahl (0-9) oder einen Operator (+, -, X, ÷ usw.) klickt.
    PrivatgeländeLeereSchaltfläche_Klick(Objekt Sender, EventArgs e)
    {

    }

  4. Eines der an die übergebenen Argumente button_Click() Funktion ist das Objekt der Schaltfläche, auf die der Benutzer klickt. Fügen Sie die Texteigenschaft des Schaltflächenobjekts zur Zeichenfolgenberechnung hinzu. Wenn der Benutzer auf Schaltflächen klickt, wird eine Zeichenfolge für die Berechnung erstellt, z. B. "22+5-7".
    PrivatgeländeLeereSchaltfläche_Klick(Objekt Sender, EventArgs e)
    {
    // Dies fügt die Zahl oder den Operator zur String-Berechnung hinzu
    aktuelle Berechnung += (sender wie Schaltflächentext;

    // Anzeige der aktuellen Berechnung für den Benutzer
    textBoxAusgabe. Text = aktuelle Berechnung;
    }

  5. Gehen Sie zurück zur Leinwand. Markieren Sie jede Schaltfläche (mit Ausnahme der Schaltflächen C, CE und Gleichheit) und navigieren Sie zu Ereignisfenster. Finden Sie die Klicken Ereignis, und wählen Sie das aus button_Click() Funktion. Dadurch wird die auszuführende Funktion ausgelöst, wenn Sie auf die Schaltfläche klicken.

So berechnen Sie das Ergebnis und zeigen es dem Benutzer an

Erstellen Sie eine weitere Funktion, um das Endergebnis zu berechnen, wenn der Benutzer auf die Gleich-Schaltfläche klickt.

  1. Erstellen Sie eine neue Funktion namens button_Equals_Click(). Zuerst müssen Sie die Zeichenfolge formatieren, um die zu ersetzen X und ÷ Zeichen mit * und /. Verwenden Sie dann die Berechnen() Funktion, um das Ergebnis zu berechnen. Zeigen Sie dem Benutzer das Ergebnis zurück.
    PrivatgeländeLeerebutton_Equals_Click(Objekt Sender, EventArgs e)
    {
    Zeichenfolge formatierte Berechnung = aktuelle Berechnung. ToString().Replace("X", "*").ToString().Replace("÷", "/");

    Versuchen
    {
    textBoxAusgabe. Texte = Neu DataTable().Compute (formatierte Berechnung, Null).ToString();
    aktuelle Berechnung = textBoxOutput. Text;
    }
    Fang (Ausnahme ex)
    {
    textBoxAusgabe. Texte = "0";
    aktuelle Berechnung = "";
    }
    }

  2. Stellen Sie sicher, dass Sie den Try-Catch-Block um die einfügen Berechnen() Funktion, um ungültige Eingaben wie "123++7" zu erfassen. Wenn der Benutzer in diesem Fall eine ungültige Berechnung eingibt, gibt das Ergebnis immer 0 zurück.
  3. Das Berechnen() Funktion ist Teil der System. Daten Namensraum. Fügen Sie die using-Anweisung hinzu, um sie oben in der Klasse einzufügen, falls sie noch nicht vorhanden ist.
    verwendenSystem.Daten;
  4. Gehen Sie zurück zur Leinwand. Markieren Sie die Gleich-Schaltfläche und navigieren Sie zu Ereignisfenster. Finden Sie die Klicken Ereignis, und wählen Sie das aus button_Equals_Click() Funktion. Dadurch wird die Ausführung der Funktion ausgelöst, wenn Sie auf die Gleich-Schaltfläche klicken.

So löschen Sie den Rechner

Fügen Sie die Funktionalität für die Schaltflächen C (Clear) und CE (Clear Entry) hinzu. Das Klar löscht die aktuelle Berechnung vollständig. Das Eintrag löschen löscht nur die zuletzt eingegebene Zahl oder den zuletzt eingegebenen Operator.

  1. Erstellen Sie eine weitere Funktion namens button_Clear_Click(). Dies wird ausgeführt, wenn der Benutzer auf die klickt Klar Schaltfläche auf dem Taschenrechner. Setzen Sie innerhalb der Funktion die Berechnung und den Wert im Ergebnistextfeld zurück.
    PrivatgeländeLeerebutton_Clear_Click(Objekt Sender, EventArgs e)
    {
    // Berechnung zurücksetzen und Textfeld leeren
    textBoxAusgabe. Texte = "0";
    aktuelle Berechnung = "";
    }
  2. Markieren Sie auf der Leinwand die Klar Schaltfläche und navigieren Sie zu Ereignisfenster.
  3. Finden Sie die Klicken Veranstaltung. Ändern Sie den Wert auf button_Clear_Click.
  4. Erstellen Sie eine weitere Funktion namens button_ClearEntry_Click(). Dies wird ausgeführt, wenn der Benutzer auf die klickt Eintrag löschen Schaltfläche auf dem Taschenrechner. Entfernen Sie innerhalb der Funktion das letzte Zeichen aus der aktuellen Berechnungszeichenfolge.
    PrivatgeländeLeerebutton_ClearEntry_Click(Objekt Sender, EventArgs e)
    {
    // Wenn die Berechnung nicht leer ist, entferne die zuletzt eingegebene Zahl/Operator
    if (aktuelle Berechnung. Länge > 0)
    {
    aktuelle Berechnung = aktuelle Berechnung. Entfernen (aktuelle Berechnung. Länge - 1, 1);
    }

    // Die Berechnung erneut auf dem Bildschirm anzeigen
    textBoxAusgabe. Text = aktuelle Berechnung;
    }

  5. Markieren Sie auf der Leinwand die Eintrag löschen Schaltfläche und navigieren Sie zu Ereignisfenster.
  6. Finden Sie die Klicken Veranstaltung. Ändern Sie den Wert auf button_ClearEntry_Click.

So führen Sie die Rechneranwendung aus

Sie können den Rechner in Visual Studio ausführen, um seine Funktionalität zu testen.

  1. Klicken Sie oben in der Visual Studio-Anwendung auf die grüne Wiedergabeschaltfläche.
  2. Klicken Sie auf die Schaltflächen des Rechners. Die Berechnung wird im weißen Bereich oben im Taschenrechner angezeigt. Drücken der gleich Schaltfläche wird es durch die Antwort ersetzen. Das Klar und Eintrag löschen Schaltflächen löschen auch die Berechnung oder Eingabe.

Erstellen von Desktop-Anwendungen mit Windows Forms

Sie können eine Desktoprechner-App mit einem Windows Forms-Projekt in Visual Studio erstellen. Verwenden Sie die Leinwand und die Toolbox, um UI-Elemente per Drag-and-Drop zu ziehen, um das Design des Taschenrechners zu erstellen. Fügen Sie Ihre Codelogik und -funktionalität im C#-Code hinter Dateien hinzu.

Ein Taschenrechner ist nur eine von vielen einfachen Anfänger-Apps, die Sie erstellen können, während Sie das Programmieren lernen. Andere Anfänger-Apps, die Sie erstellen können, sind Konverter, Dateimanager, Würfelspiele oder Flaggengeneratoren. Sie können diese mithilfe einer Windows Forms-Anwendung von Grund auf neu erstellen.

6 Klon-Apps, die Sie beim Erlernen von C# Windows Forms erstellen können

Lesen Sie weiter

TeilenTwitternTeilenEmail

Verwandte Themen

  • Programmierung
  • Programmierung
  • Coding-Tutorials

Über den Autor

Sharlene von Drehen (31 veröffentlichte Artikel)

Shay arbeitet Vollzeit als Softwareentwickler und schreibt gerne Leitfäden, um anderen zu helfen. Sie hat einen Bachelor of IT und hat bereits Erfahrung in der Qualitätssicherung und Nachhilfe. Shay liebt Spiele und spielt Klavier.

Mehr von Sharlene Von Drehnen

Abonnieren Sie unseren Newsletter

Abonnieren Sie unseren Newsletter für technische Tipps, Rezensionen, kostenlose E-Books und exklusive Angebote!

Klicken Sie hier, um sich anzumelden