Hogyan készítsünk egyszerű számológépet a Windows Forms-ban

A kódolás megtanulásakor hasznos lehet tapasztalatot szerezni a már létező alkalmazások újbóli létrehozásával. Az egyik gyakori kezdő alkalmazás, amellyel elkezdheti, a számológép.

Létrehozhat egy asztali számológép alkalmazást a Visual Studio Windows Forms projektjével. A Windows Forms alkalmazásban rákattinthat a felhasználói felület elemeire, és ráhúzhatja őket a vászonra, hogy megjelenítse a számológép kialakítását.

Ezután hozzáadhat kódlogikát a mögöttes C#-fájlokhoz, hogy meghatározza, mi történjen, ha a felhasználó egy számra, operátorra, törlés vagy egyenlő gombra kattint.

UI elemek hozzáadása a számológéphez

Kezdje ezzel új Windows űrlapalkalmazás létrehozása a Visual Studióban. Ezután adjon hozzá UI elemeket a vászonhoz a számológép felhasználói felületének létrehozásához.

A szám- és kezelőgombok hozzáadása

Adjon hozzá gombokat a számok és operátorok (+, - stb.) jelölésére, amelyekre a felhasználó kattint.

1. Lépjen a vászonra, amelynek alapértelmezés szerint nyitva kell lennie. Ha nem, kattintson a gombra .cs fájl az űrlaphoz (pl. Form1.cs). Kattintson a legördülő menüre, és váltson tervezési módba.
2. Az Eszköztárban keressen rá a Gomb UI elem. Kattintson és húzzon egy gombot a vászonra.
3. Jelölje ki a gombot. A tulajdonságok ablakban módosítsa az alábbi gombtulajdonságok mindegyikét a megfelelő új értékre:

   Ingatlan	Új érték
   Név	gomb1
   Méret	120, 120
   Szöveg	1

4. Adjon hozzá 19 további gombot a vászonhoz a számológép többi számának, operátorának és funkciójának megjelenítéséhez.
5. Mindegyik gombnál jelölje ki a gombot, és módosítsa a szöveg és név tulajdonságot a tulajdonságablakban. Módosítsa az értékeket, hogy azok megfeleljenek a gomb számának vagy funkciójának.

   Gomb	Név Tulajdonság	Szöveg tulajdonság
   2	gomb2	2
   3	gomb3	3
   4	gomb 4	4
   5	gomb 5	5
   6	gomb 6	6
   7	gomb7	7
   8	gomb 8	8
   9	gomb9	9
   0	gomb0	0
   Kiegészítés	gombKiegészítés	+
   Kivonás	gombKivonás	-
   Szorzás	gombSzorzás	x
   Osztály	gombOsztály	÷
   Tizedesvessző	gombTizedes	.
   Egyenlő jel	gombEgyenlő	=
   Jobb zárójel	gombJobb zárójel	)
   Bal zárójel	gombBal zárójel	(
   Egyértelmű	gomb Törlés	C
   Bejegyzés törlése	gomb Belépés törlése	CE

6. Állítsa át a gombok sorrendjét, hogy megismételje egy szabványos számológép megjelenését. Legyen az összes gomb azonos méretű.
7. Ki is jelölhet néhány gombot, és megváltoztathatja a színüket a tetszőlegesre a gombbal BackColor tulajdonság a tulajdonságok ablakban.
8. Például jelölje ki a kiegészítés gomb. Lépjen be a tulajdonságok ablakba, és keresse meg a BackColor ingatlan. Választ Ezüst a legördülő listából. Készíthet kezelőgombokat ezüst, valamint a C és CE gombok narancssárga.

A kimeneti eredmény címke hozzáadása

Adjon hozzá egy szövegdoboz UI elemet, amely azt az eredményt jeleníti meg, amelyet a számológép megjelenít a felhasználó számára.

1. Az Eszköztárban húzza a Panel UI elem a vászonra.
2. Jelölje ki a panelt, és keresse meg a BackColor tulajdonság a tulajdonságok ablakban. Módosítsa ezt erre fehér. A panelt átméretezheti és áthelyezheti is, hogy jobban hasonlítson egy számológéphez.
3. Az Eszköztárban húzza a TextBox UI elem a vászonra.
4. Jelölje ki a szövegdobozt. A tulajdonságok ablakban módosítsa a következő tulajdonságokat az új értékre:

   Ingatlan	Új érték
   név	textBoxOutput
   BorderStyle	Egyik sem
   Szöveg	0
   Szöveg igazítás	Jobb
   Engedélyezve	Hamis
   BackColor	fehér

5. Helyezze el a szövegdobozt a panelen belül.

A számítási logika hozzáadása

Adjon hozzá kódot a számítási logika végrehajtásához, amikor a felhasználó a gombokra kattint.

1. Nyissa meg .cs fájl az űrlaphoz (pl. Form1.cs).
2. nevezett változó deklarálása jelenlegiSzámítás, az osztály élén. tudsz megtanulják, hogyan kell osztályokat létrehozni C# nyelven ha nem ismered őket.

   nyilvános részleges osztályForm1 : Forma
   {
    privát karakterlánc currentCalculation = ""; 
   nyilvános Form1()
    {
    InitializeComponent();
    }
   }
   

3. A konstruktor alatt hozzon létre egy új, nevű függvényt button_Click(). Ez minden alkalommal végrehajtódik, amikor a felhasználó egy szám (0-9) vagy operátor (+, -, X, ÷ stb.) gombra kattint.

   magánüresgomb_Kattintson(objektum küldője, EventArgs e)
   {
   }

4. Az egyik érv a button_Click() A funkció annak a gombnak az objektuma, amelyre a felhasználó rákattint. Adja hozzá a gombobjektum text tulajdonságát a karakterlánc-számításhoz. Ahogy a felhasználó a gombokra kattint, ez egy karakterláncot hoz létre a számításhoz, például "22+5-7".

   magánüresgomb_Kattintson(objektum küldője, EventArgs e)
   {
   // Ez hozzáadja a számot vagy operátort a karakterlánc-számításhoz
    currentCalculation += (küldő mint Gomb).Szöveg;
   // Az aktuális számítás visszajelzése a felhasználó számára
    textBoxOutput. Szöveg = currentCalculation;
   }
   

5. Menj vissza a vászonhoz. Jelölje ki az egyes gombokat (kivéve a C, CE és egyenlő gombokat), és navigáljon a Események ablak. Találd meg Kattintson eseményt, és válassza ki a lehetőséget button_Click() funkció. Ez elindítja a funkció végrehajtását, amikor rákattint a gombra.

Hogyan számítsuk ki az eredményt és jelenítsük meg a felhasználónak

Hozzon létre egy másik függvényt a végeredmény kiszámításához, amikor a felhasználó az egyenlő gombra kattint.

1. Hozzon létre egy új függvényt, melynek neve button_Equals_Click(). Először is formáznia kell a karakterláncot, hogy lecserélje a x és ÷ karakterekkel * és /. Ezután használja a Kiszámít() függvényt az eredmény kiszámításához. Az eredmény megjelenítése a felhasználónak.

   magánüresbutton_Equals_Click(objektum küldője, EventArgs e)
   {
    string formattedCalculation = currentCalculation. ToString().Csere("x", "*").ToString().Replace("÷", "/");
   próbálja meg
    {
    textBoxOutput. Szöveg = új DataTable().Compute (formázott számítás, nulla).ToString();
    currentCalculation = textBoxOutput. Szöveg;
    }
   fogás (Kivétel volt)
    {
    textBoxOutput. Szöveg = "0";
    jelenlegiSzámítás = ""; 
    }
   }

2. Ügyeljen arra, hogy a try-catch blokkot helyezze el a Kiszámít() funkcióval rögzítheti az érvénytelen bemeneteket, például "123++7". Ebben az esetben, ha a felhasználó érvénytelen számítást ad meg, az eredmény mindig 0-t ad vissza.
3. Az Kiszámít() funkció része a Rendszer. Adat névtér. Adja hozzá a use utasítást, hogy az osztály elejére kerüljön, ha még nincs ott.

   segítségévelRendszer.Adat;

4. Menj vissza a vászonhoz. Jelölje ki az egyenlőség gombot, és navigáljon a Események ablak. Találd meg Kattintson eseményt, és válassza ki a lehetőséget button_Equals_Click() funkció. Ez elindítja a függvény végrehajtását, amikor az egyenlőség gombra kattint.

A számológép törlése

Adja hozzá a C (Clear) és CE (Clear Entry) gombok funkcióit. Az Egyértelmű gomb teljesen törli az aktuális számítást. Az Bejegyzés törlése gomb csak az utoljára beírt számot vagy operátort törli.

1. Hozzon létre egy másik nevű függvényt button_Clear_Click(). Ez akkor hajtódik végre, amikor a felhasználó rákattint a Egyértelmű gombot a számológépen. A függvényen belül állítsa vissza a számítást és az eredmények szövegdobozában található értéket.

   magánüresbutton_Clear_Click(objektum küldője, EventArgs e)
   {
   // Állítsa vissza a számítást és ürítse ki a szövegdobozt
    textBoxOutput. Szöveg = "0";
    jelenlegiSzámítás = "";
   }

2. A vásznon jelölje ki a Egyértelmű gombot, és navigáljon a Események ablak.
3. Találd meg Kattintson esemény. Módosítsa az értéket erre button_Clear_Click.
4. Hozzon létre egy másik nevű függvényt button_ClearEntry_Click(). Ez akkor hajtódik végre, amikor a felhasználó rákattint a Bejegyzés törlése gombot a számológépen. A függvényen belül távolítsa el az utolsó karaktert az aktuális számítási karakterláncból.

   magánüresbutton_ClearEntry_Click(objektum küldője, EventArgs e)
   {
   // Ha a számítás nem üres, távolítsa el az utoljára beírt számot/operátort
    if (currentCalculation. Hossz > 0)
    {
    currentCalculation = currentCalculation. Eltávolítás (currentCalculation. Hossz - 1, 1);
    }
   // A számítás újbóli megjelenítése a képernyőn
    textBoxOutput. Szöveg = currentCalculation;
   }

5. A vásznon jelölje ki a Bejegyzés törlése gombot, és navigáljon a Események ablak.
6. Találd meg Kattintson esemény. Módosítsa az értéket erre button_ClearEntry_Click.

A Számológép alkalmazás futtatása

Futtathatja a számológépet a Visual Studio alkalmazásban, hogy tesztelje a működését.

1. Kattintson a zöld lejátszás gombra a Visual Studio alkalmazás tetején.
2. Kattintson a számológép gombjaira. A számítás a számológép tetején lévő fehér mezőben jelenik meg. Nyomja meg a egyenlő gomb lecseréli a válaszra. Az Egyértelmű és Bejegyzés törlése gombok a számítást vagy a bejegyzést is törölni fogják.

Asztali alkalmazások létrehozása Windows űrlapokkal

Létrehozhat egy asztali számológép alkalmazást a Visual Studio Windows Forms projektjével. A vászon és az Eszköztár segítségével húzza át a felhasználói felület elemeit a számológép kialakításához. Adja hozzá kód logikáját és funkcionalitását a fájlok mögötti C# kódban.

A számológép csak egy a sok egyszerű kezdő alkalmazás közül, amelyeket a kódolás megtanulása közben készíthet. A kezdőknek létrehozható egyéb alkalmazások közé tartoznak a konverterek, fájlkezelők, kockajátékok vagy zászlógenerátorok. Ezeket a semmiből létrehozhatja egy Windows Forms alkalmazás segítségével.