Za pomocą Sharlene von Drehnen
DzielićĆwierkaćDzielićE-mail

Dowiedz się, jak utworzyć podstawową aplikację kalkulatora i rozpocząć przygodę z programowaniem za pomocą Windows Forms.

Podczas nauki kodowania przydatne może być zdobycie doświadczenia poprzez ponowne tworzenie aplikacji, które już istnieją. Jedną z popularnych aplikacji dla początkujących, od której możesz zacząć, jest kalkulator.

Aplikację kalkulatora klasycznego można utworzyć przy użyciu projektu Windows Forms w programie Visual Studio. W aplikacji Windows Forms możesz kliknąć i przeciągnąć elementy interfejsu użytkownika na kanwę, aby zwizualizować projekt kalkulatora.

Następnie można dodać logikę kodu do podstawowych plików języka C#, aby określić, co powinno się stać, gdy użytkownik kliknie przycisk liczby, operatora, wyczyść lub równy.

Jak dodać elementy interfejsu użytkownika do kalkulatora

Zacząć od tworzenie nowej aplikacji Windows Form w Visual Studio. Następnie dodaj elementy interfejsu użytkownika do kanwy, aby utworzyć interfejs użytkownika kalkulatora.

instagram viewer

Jak dodać numer i przyciski operatora

Dodaj przyciski reprezentujące liczby i operatory (+, - itp.), które użytkownik kliknie.

  1. Przejdź do kanwy, która powinna być domyślnie otwarta. Jeśli nie, kliknij .cs plik formularza (np. Form1.cs). Kliknij menu rozwijane i przejdź do trybu projektowania.
  2. W Przyborniku wyszukaj Przycisk Element interfejsu. Kliknij i przeciągnij przycisk na płótno.
  3. Zaznacz przycisk. W oknie właściwości zmień każdą z następujących właściwości przycisku na odpowiadającą im nową wartość:
    Nieruchomość Nowa wartość
    Nazwa przycisk 1
    Rozmiar 120, 120
    Tekst 1
  4. Dodaj 19 dodatkowych przycisków do obszaru roboczego, aby reprezentować inne liczby, operatory i funkcje kalkulatora.
  5. Dla każdego przycisku podświetl go i zmień właściwość tekstu i nazwy w oknie właściwości. Zmień wartości, aby odpowiadały numerowi lub funkcji przycisku.
    Przycisk Nazwa Właściwość Właściwość tekstu
    2 przycisk2 2
    3 przycisk3 3
    4 przycisk4 4
    5 przycisk5 5
    6 przycisk6 6
    7 przycisk7 7
    8 przycisk8 8
    9 przycisk9 9
    0 przycisk0 0
    Dodatek przyciskDodanie +
    Odejmowanie przyciskOdejmowanie -
    Mnożenie przyciskMnożenie X
    Podział przyciskPodział ÷
    Kropka dziesiętna przycisk Dziesiętny .
    Znak równości przycisk Równa się =
    Prawy wspornik przyciskPrawy Nawias )
    Lewy wspornik przyciskLewy nawias (
    Jasne przycisk Wyczyść C
    Wyczyść wpis przycisk WyczyśćWpis CE
  6. Zmień kolejność przycisków, aby odtworzyć wygląd standardowego kalkulatora. Zachowaj ten sam rozmiar wszystkich przycisków.
  7. Możesz także podświetlić niektóre przyciski i zmienić ich kolor na wybrany przez Ciebie, używając PowrótKolor właściwości w oknie właściwości.
  8. Na przykład zaznacz przycisk dodawania. Przejdź do okna właściwości i znajdź PowrótKolor własność. Wybierać Srebro z listy opcji na liście rozwijanej. Możesz zrobić przyciski operatora srebrooraz przyciski C i CE Pomarańczowy.

Jak dodać etykietę wyniku wyjściowego

Dodaj element interfejsu użytkownika pola tekstowego, aby reprezentować wynik, który kalkulator wyświetli użytkownikowi.

  1. W Przyborniku przeciągnij Element interfejsu panelu na płótnie.
  2. Podświetl panel i znajdź PowrótKolor właściwości w oknie właściwości. Zmień to na biały. Możesz także zmienić rozmiar i położenie panelu, aby wyglądał bardziej jak kalkulator.
  3. W Przyborniku przeciągnij Element interfejsu użytkownika TextBox na płótnie.
  4. Zaznacz pole tekstowe. W oknie właściwości zmień następujące właściwości na nową wartość:
    Nieruchomość Nowa wartość
    Nazwa tekstPoleWyjście
    Styl obramowania Nic
    Tekst 0
    TextAlign Prawidłowy
    Włączony Fałszywy
    PowrótKolor Biały
  5. Umieść pole tekstowe wewnątrz panelu.

Jak dodać logikę obliczeniową?

Dodaj kod, aby wykonać logikę obliczeń, gdy użytkownik kliknie przyciski.

  1. Otwórz swoje .cs plik formularza (np. Form1.cs).
  2. Zadeklaruj zmienną o nazwie bieżąca kalkulacja, u góry klasy. Możesz naucz się tworzyć klasy w C# jeśli ich nie znasz.
    publiczne częściowe klasaFormularz 1 : Formularz
    {
    private string currentCalculation = "";

    publiczny Formularz 1()
    {
    InitializeComponent();
    }
    }

  3. Pod konstruktorem utwórz nową funkcję o nazwie button_Click(). Zostanie to wykonane za każdym razem, gdy użytkownik kliknie na numer (0-9) lub przycisk operatora (+, -, X, ÷ itp.).
    prywatnypróżniabutton_Click(nadawca obiektu, EventArgs e)
    {

    }

  4. Jeden z argumentów przekazany do button_Click() funkcja jest obiektem przycisku, w który klika użytkownik. Dodaj właściwość text obiektu przycisku do obliczenia ciągu. Gdy użytkownik kliknie przyciski, zbuduje to ciąg do obliczeń, taki jak „22+5-7”.
    prywatnypróżniabutton_Click(nadawca obiektu, EventArgs e)
    {
    // Dodaje liczbę lub operator do obliczenia ciągu
    bieżąca kalkulacja += (nadawca jak Przycisk tekstowy;

    // Wyświetl bieżące obliczenia z powrotem użytkownikowi
    textBoxOutput. Tekst = bieżącyObliczanie;
    }

  5. Wróć do płótna. Podświetl każdy przycisk (z wyjątkiem przycisków C, CE i równych) i przejdź do Okno wydarzeń. Znaleźć Kliknij wydarzenie i wybierz button_Click() funkcjonować. Spowoduje to uruchomienie funkcji po kliknięciu przycisku.

Jak obliczyć wynik i wyświetlić go użytkownikowi?

Utwórz kolejną funkcję, aby obliczyć ostateczny wynik, gdy użytkownik kliknie przycisk równości.

  1. Utwórz nową funkcję o nazwie button_Equals_Click(). Najpierw musisz sformatować ciąg, aby zastąpić X oraz ÷ znaki z * oraz /. Następnie użyj Obliczać() funkcja obliczania wyniku. Wyświetl wynik z powrotem użytkownikowi.
    prywatnypróżniabutton_Equals_Click(nadawca obiektu, EventArgs e)
    {
    string formattedCalculation = currentCalculation. ToString().Replace("X", "*").ToString().Replace("÷", "/");

    próbować
    {
    textBoxOutput. Tekst = Nowy DataTable().Compute (formattedCalculation, zero).ToString();
    currentCalculation = textBoxOutput. Tekst;
    }
    złapać (Wyjątek były)
    {
    textBoxOutput. Tekst = "0";
    obecneObliczenia = "";
    }
    }

  2. Upewnij się, że zawiera blok try-catch wokół Obliczać() funkcja przechwytywania wszelkich nieprawidłowych danych wejściowych, takich jak „123++7”. W takim przypadku, jeśli użytkownik wprowadzi nieprawidłowe obliczenie, wynik zawsze zwróci 0.
  3. The Obliczać() funkcja jest częścią System. Dane przestrzeń nazw. Dodaj instrukcję using, aby umieścić ją na górze klasy, jeśli jeszcze jej tam nie ma.
    za pomocąSystem.Dane;
  4. Wróć do płótna. Podświetl przycisk równości i przejdź do Okno wydarzeń. Znaleźć Kliknij wydarzenie i wybierz button_Equals_Click() funkcjonować. Spowoduje to uruchomienie funkcji po kliknięciu przycisku równości.

Jak wyczyścić kalkulator

Dodaj funkcjonalność przycisków C (Wyczyść) i CE (Wyczyść wpis). The Jasne przycisk całkowicie usunie bieżące obliczenia. The Wyczyść wpis przycisk usunie tylko ostatnio wprowadzony numer lub operatora.

  1. Utwórz kolejną funkcję o nazwie button_Clear_Click(). To zostanie wykonane, gdy użytkownik kliknie na Jasne na kalkulatorze. Wewnątrz funkcji zresetuj obliczenia i wartość w polu tekstowym wyników.
    prywatnypróżniabutton_Clear_Click(nadawca obiektu, EventArgs e)
    {
    // Zresetuj obliczenia i opróżnij pole tekstowe
    textBoxOutput. Tekst = "0";
    obecneObliczenia = "";
    }
  2. Na płótnie zaznacz Jasne i przejdź do Okno wydarzeń.
  3. Znaleźć Kliknij wydarzenie. Zmień wartość na button_Clear_Click.
  4. Utwórz kolejną funkcję o nazwie button_ClearEntry_Click(). To zostanie wykonane, gdy użytkownik kliknie na Wyczyść wpis na kalkulatorze. Wewnątrz funkcji usuń ostatni znak z bieżącego ciągu obliczeniowego.
    prywatnypróżniabutton_ClearEntry_Click(nadawca obiektu, EventArgs e)
    {
    // Jeśli obliczenie nie jest puste, usuń ostatnią liczbę/operator
    if (bieżące obliczenie. Długość > 0)
    {
    currentCalculation = currentCalculation. Usuń (bieżące obliczenie. Długość - 1, 1);
    }

    // Ponownie wyświetl obliczenia na ekranie
    textBoxOutput. Tekst = bieżącyObliczanie;
    }

  5. Na płótnie zaznacz Wyczyść wpis i przejdź do Okno wydarzeń.
  6. Znaleźć Kliknij wydarzenie. Zmień wartość na button_ClearEntry_Click.

Jak uruchomić aplikację Kalkulator

Kalkulator można uruchomić w programie Visual Studio, aby przetestować jego funkcjonalność.

  1. Kliknij zielony przycisk odtwarzania w górnej części aplikacji Visual Studio.
  2. Kliknij przyciski kalkulatora. Obliczenie pojawi się w białej przestrzeni u góry kalkulatora. Naciśnięcie równa się przycisk zastąpi go odpowiedzią. The Jasne oraz Wyczyść wpis przyciski skasują również obliczenia lub wpis.

Tworzenie aplikacji komputerowych za pomocą formularzy Windows

Aplikację kalkulatora klasycznego można utworzyć przy użyciu projektu Windows Forms w programie Visual Studio. Użyj kanwy i Przybornika, aby przeciągać i upuszczać elementy interfejsu użytkownika, aby stworzyć projekt kalkulatora. Dodaj logikę kodu i funkcje w kodzie C# za plikami.

Kalkulator to tylko jedna z wielu prostych aplikacji dla początkujących, które możesz stworzyć podczas nauki programowania. Inne aplikacje dla początkujących, które możesz tworzyć, to konwertery, menedżery plików, gry w kości lub generatory flag. Możesz je utworzyć od podstaw za pomocą aplikacji Windows Forms.

6 aplikacji do klonowania, które możesz tworzyć podczas nauki C# Windows Forms

Czytaj dalej

DzielićĆwierkaćDzielićE-mail

Powiązane tematy

  • Programowanie
  • Programowanie
  • Poradniki kodowania

O autorze

Sharlene von Drehnen (31 opublikowanych artykułów)

Shay pracuje na pełny etat jako programista i lubi pisać przewodniki, aby pomagać innym. Posiada tytuł Bachelor of IT oraz wcześniejsze doświadczenie w zapewnianiu jakości i udzielaniu korepetycji. Shay uwielbia grać i grać na pianinie.

Więcej od Sharlene Von Drehnen

Zapisz się do naszego newslettera

Dołącz do naszego newslettera, aby otrzymywać porady techniczne, recenzje, bezpłatne e-booki i ekskluzywne oferty!

Kliknij tutaj, aby zasubskrybować