Aflați cum să creați o aplicație de bază pentru calculator și să începeți călătoria de programare cu Windows Forms.
Când învățați cum să codificați, poate fi util să câștigați experiență prin recrearea aplicațiilor care există deja. O aplicație comună pentru începători cu care puteți începe este un calculator.
Puteți crea o aplicație de calculator desktop folosind un proiect Windows Forms în Visual Studio. Într-o aplicație Windows Forms, puteți face clic și trage elementele UI pe o pânză, pentru a vizualiza designul calculatorului dumneavoastră.
Puteți adăuga apoi logica codului la fișierele C# subiacente pentru a determina ce ar trebui să se întâmple atunci când utilizatorul face clic pe un buton număr, operator, ștergere sau egal.
Cum să adăugați elemente UI la calculator
Începe prin crearea unei noi aplicații Windows Form în Visual Studio. Apoi, adăugați elemente UI pe pânză pentru a crea interfața de utilizator a calculatorului.
Cum să adăugați butoanele de număr și operator
Adăugați butoane pentru a reprezenta numerele și operatorii (+, -, etc.) pe care utilizatorul va face clic.
- Navigați la pânza, care ar trebui să fie deschisă implicit. Dacă nu este, faceți clic pe .cs dosar pentru formular (de ex. Form1.cs). Faceți clic pe meniul drop-down și comutați la modul design.
- În Caseta de instrumente, căutați a Buton element UI. Faceți clic și trageți un buton pe pânză.
- Evidențiați butonul. În fereastra de proprietăți, modificați fiecare dintre următoarele proprietăți ale butonului la noua valoare corespunzătoare:
Proprietate Valoare nouă Nume butonul 1 mărimea 120, 120 Text 1 - Adăugați încă 19 butoane pe pânză pentru a reprezenta celelalte numere, operatori și funcții ale calculatorului.
- Pentru fiecare buton, evidențiați butonul și modificați proprietatea textului și a numelui în fereastra de proprietate. Modificați valorile pentru a se potrivi cu numărul sau funcția butonului.
Buton Proprietatea numelui Proprietate text 2 butonul 2 2 3 butonul 3 3 4 butonul 4 4 5 butonul5 5 6 butonul6 6 7 butonul 7 7 8 butonul8 8 9 butonul9 9 0 butonul0 0 Plus butonulAdăugare + Scădere butonScădere - Multiplicare buton Multiplicare X Divizia butonDiviziune ÷ Punct zecimal butonul Decimal . Semnul Egal butonEgal = Consola dreapta butonulDreaptaBracket ) Paranteză din stânga butonulLeftBracket ( clar butonulClear C Ștergeți intrarea butonulClearEntry CE - Rearanjați ordinea butoanelor pentru a reproduce aspectul unui calculator standard. Păstrați toate butoanele de aceeași dimensiune.
- De asemenea, puteți evidenția unele butoane și le puteți schimba culoarea la una la alegere, folosind butonul Culoare de fundal proprietate în fereastra de proprietăți.
- De exemplu, evidențiați butonul de adăugare. Accesați fereastra de proprietăți și găsiți Culoare de fundal proprietate. Alege Argint din lista de opțiuni din meniul drop-down. Puteți crea butoane de operator argint, și butoanele C și CE portocale.
Cum să adăugați eticheta rezultatului de ieșire
Adăugați un element de interfață cu casetă de text pentru a reprezenta rezultatul pe care calculatorul îl va afișa utilizatorului.
- În Caseta de instrumente, trageți a Elementul UI din panou pe pânză.
- Evidențiați panoul și găsiți Culoare de fundal proprietate în fereastra de proprietăți. Schimbați acest lucru în alb. De asemenea, puteți redimensiona și repoziționa panoul pentru a-l face să semene mai mult cu un calculator.
- În Caseta de instrumente, trageți a Element TextBox UI pe pânză.
- Evidențiați caseta de text. În fereastra de proprietăți, modificați următoarele proprietăți la noua valoare:
Proprietate Valoare nouă Nume textBoxOutput BorderStyle Nici unul Text 0 Aliniere text Dreapta Activat Fals Culoare de fundal alb - Poziționați caseta de text în interiorul panoului.
Cum se adaugă logica de calcul
Adăugați cod pentru a executa logica de calcul atunci când utilizatorul face clic pe butoane.
- Deschide-ți .cs fișier pentru formular (de exemplu, Form1.cs).
- Declarați o variabilă numită CurrentCalculation, în fruntea clasei. Poti învață cum să creezi clase în C# daca nu le cunosti.
public parțial clasăFormularul 1 : Formă
{
șir privat currentCalculation = "";public Form1()
{
InitializeComponent();
}
} - Sub constructor, creați o nouă funcție numită butonul_Click(). Aceasta se va executa de fiecare dată când utilizatorul face clic pe un buton numeric (0-9) sau operator (+, -, X, ÷ etc.).
privatvidbutonul_Click(Expeditorul obiectului, EventArgs e)
{} - Unul dintre argumentele trecute la butonul_Click() funcția este obiectul butonului pe care face clic pe utilizator. Adăugați proprietatea text a obiectului buton la calculul șirului. Pe măsură ce utilizatorul face clic pe butoane, acesta va construi un șir pentru calcul, cum ar fi „22+5-7”.
privatvidbutonul_Click(Expeditorul obiectului, EventArgs e)
{
// Aceasta adaugă numărul sau operatorul la calculul șirului
currentCalculation += (exmit la fel de Buton).Text;// Afișează calculul curent înapoi către utilizator
textBoxOutput. Text = currentCalculation;
} - Întoarce-te la pânză. Evidențiați fiecare buton (cu excepția butoanelor C, CE și egal) și navigați la Fereastra de evenimente. Găsi Clic eveniment și selectați butonul_Click() funcţie. Acest lucru va declanșa funcția să se execute atunci când faceți clic pe butonul.
Cum să calculați rezultatul și să îl afișați utilizatorului
Creați o altă funcție pentru a calcula rezultatul final atunci când utilizatorul face clic pe butonul egal.
- Creați o nouă funcție numită button_Equals_Click(). În primul rând, va trebui să formatați șirul pentru a înlocui X și ÷ personaje cu * și /. Apoi, utilizați Calcula() funcția pentru a calcula rezultatul. Afișați rezultatul înapoi utilizatorului.
privatvidbutton_Equals_Click(Expeditorul obiectului, EventArgs e)
{
șir formattedCalculation = currentCalculation. ToString().Înlocuiește("X", "*").ToString().Înlocuiește("÷", "/");încerca
{
textBoxOutput. Text = nou DataTable().Compute (formatatCalculation, nul).ToString();
currentCalculation = textBoxOutput. Text;
}
captură (Excepție ex)
{
textBoxOutput. Text = "0";
currentCalculation = "";
}
} - Asigurați-vă că includeți blocul try-catch în jurul Calcula() funcție pentru a captura orice intrări invalide, cum ar fi „123++7”. În acest caz, dacă utilizatorul introduce un calcul nevalid, rezultatul va returna întotdeauna 0.
- The Calcula() funcția face parte din Sistem. Date spatiu de nume. Adăugați instrucțiunea using pentru a o include în partea de sus a clasei, dacă nu este deja acolo.
folosindSistem.Date; - Întoarce-te la pânză. Evidențiați butonul egal și navigați la Fereastra de evenimente. Găsi Clic eveniment și selectați button_Equals_Click() funcţie. Acest lucru va declanșa funcția să se execute când faceți clic pe butonul egal.
Cum să ștergeți calculatorul
Adăugați funcționalitatea butoanelor C (Ștergeți) și CE (Ștergeți intrarea). The clar butonul va șterge complet calculul curent. The Ștergeți intrarea butonul va șterge doar ultimul număr sau operator introdus.
- Creați o altă funcție numită button_Clear_Click(). Aceasta se va executa atunci când utilizatorul face clic pe clar butonul de pe calculator. În interiorul funcției, resetați calculul și valoarea din caseta de text cu rezultate.
privatvidbutton_Clear_Click(Expeditorul obiectului, EventArgs e)
{
// Resetați calculul și goliți caseta de text
textBoxOutput. Text = "0";
currentCalculation = "";
} - Pe pânză, evidențiați clar butonul și navigați la Fereastra Evenimente.
- Găsi Clic eveniment. Schimbați valoarea în button_Clear_Click.
- Creați o altă funcție numită button_ClearEntry_Click(). Aceasta se va executa atunci când utilizatorul face clic pe Ștergeți intrarea butonul de pe calculator. În interiorul funcției, eliminați ultimul caracter din șirul de calcul curent.
privatvidbutton_ClearEntry_Click(Expeditorul obiectului, EventArgs e)
{
// Dacă calculul nu este gol, eliminați ultimul număr/operator introdus
dacă (Calcul curent. Lungime > 0)
{
currentCalculation = currentCalculation. Eliminați (Calcul curent. Lungime - 1, 1);
}// Afișează din nou calculul pe ecran
textBoxOutput. Text = currentCalculation;
} - Pe pânză, evidențiați Ștergeți intrarea butonul și navigați la Fereastra Evenimente.
- Găsi Clic eveniment. Schimbați valoarea în button_ClearEntry_Click.
Cum să rulați aplicația Calculator
Puteți rula calculatorul în Visual Studio pentru a-i testa funcționalitatea.
- Faceți clic pe butonul verde de redare din partea de sus a aplicației Visual Studio.
- Faceți clic pe butoanele calculatorului. Calculul va apărea în spațiul alb din partea de sus a calculatorului. Apăsând butonul egală butonul îl va înlocui cu răspunsul. The clar și Ștergeți intrarea butoanele vor șterge, de asemenea, calculul sau intrarea.
Crearea de aplicații desktop folosind formulare Windows
Puteți crea o aplicație de calculator desktop folosind un proiect Windows Forms în Visual Studio. Utilizați pânza și Caseta de instrumente pentru a trage și plasa elementele UI pentru a alcătui designul calculatorului. Adăugați logica și funcționalitatea codului dvs. în codul C# din spatele fișierelor.
Un calculator este doar una dintre multele aplicații simple pentru începători pe care le puteți crea în timp ce învățați să codificați. Alte aplicații pentru începători pe care le puteți crea includ convertoare, manageri de fișiere, jocuri de zaruri sau generatoare de steaguri. Le puteți crea de la zero folosind o aplicație Windows Forms.
