Până acum am văzut cum să lucrăm cu C # pentru a crea aplicații bazate pe consolă. Dar într-un scenariu din viața reală, echipa utilizează în mod normal Visual Studio și C # pentru a crea Windows Forms sau aplicații bazate pe Web.
O aplicație Windows este o aplicație care este concepută pentru a rula pe un computer. Nu va rula pe browserul web pentru că atunci devine o aplicație web.
Acest tutorial se va concentra asupra modului în care putem crea aplicații bazate pe Windows. De asemenea, vom învăța câteva elemente de bază despre cum să lucrați cu diferitele elemente ale aplicației C # Windows.
În acest tutorial Windows, veți învăța-
- Bazele Windows Forms
- Hello World în Windows Forms
- Adăugarea comenzilor la un formular
- Gestionarea evenimentelor pentru controale
- Tree și PictureBox Control
Bazele Windows Forms
O aplicație Windows formulare este una care rulează pe computerul desktop. O aplicație de formulare Windows va avea în mod normal o colecție de controale precum etichete, casete de text, casete de listă etc.
Mai jos este un exemplu de aplicație simplă Windows C #. Afișează un ecran simplu de conectare, accesibil utilizatorului. Utilizatorul va introduce acreditările necesare și apoi va face clic pe butonul Login pentru a continua.
Deci, un exemplu de controale disponibile în aplicația de mai sus
- Aceasta este o colecție de controale de etichetă care sunt utilizate în mod normal pentru a descrie controalele adiacente. Deci, în cazul nostru, avem 2 casete de text, iar etichetele sunt folosite pentru a spune utilizatorului că o casetă de text este pentru introducerea numelui de utilizator și cealaltă pentru parolă.
- Cele 2 casete de text sunt utilizate pentru a păstra numele de utilizator și parola care vor fi introduse de utilizator.
- În cele din urmă, avem butonul de control. Controlul butonului va avea în mod normal un anumit cod atașat pentru a efectua un anumit set de acțiuni. De exemplu, în cazul de mai sus, am putea face ca butonul să efectueze o acțiune de validare a numelui de utilizator și a parolei introduse de utilizator.
C # Hello World
Acum să vedem un exemplu despre cum putem implementa o aplicație simplă „hello world” în Visual Studio. Pentru aceasta, ar trebui să implementăm pașii de mai jos
Pasul 1) Primul pas implică crearea unui nou proiect în Visual Studio. După lansarea Visual Studio, trebuie să alegeți opțiunea de meniu Nou-> Proiect.
Pasul 2) Pasul următor este alegerea tipului de proiect ca aplicație Windows Forms. Aici trebuie să menționăm și numele și locația proiectului nostru.
- În caseta de dialog a proiectului, putem vedea diverse opțiuni pentru crearea diferitelor tipuri de proiecte în Visual Studio. Faceți clic pe opțiunea Windows din partea stângă.
- Când facem clic pe opțiunile Windows din pasul anterior, vom putea vedea o opțiune pentru aplicația Windows Forms. Faceți clic pe această opțiune.
- Vom da un nume aplicației. În cazul nostru, este DemoApplication. De asemenea, vom oferi o locație pentru stocarea aplicației noastre.
- În cele din urmă, facem clic pe butonul „OK” pentru a permite Visual Studio să creeze proiectul nostru.
Dacă sunt urmați pașii de mai sus, veți obține rezultatul de mai jos în Visual Studio.
Ieșire: -
Veți vedea un Creator de formulare afișat în Visual Studio. În acest Designer de formulare veți începe să creați aplicația Windows Forms.
În Solution Explorer, veți putea vedea și Soluția DemoApplication. Această soluție va conține cele 2 fișiere de proiect de mai jos
- O cerere de formular numită Forms1.cs. Acest fișier va conține tot codul pentru aplicația Windows Form.
- Programul principal numit Program.cs este fișierul de cod implicit care este creat atunci când este creată o nouă aplicație în Visual Studio. Acest cod va conține codul de pornire pentru aplicație în ansamblu.
În partea stângă a Visual Studio, veți vedea și o casetă de instrumente. Cutia de instrumente conține toate comenzile care pot fi adăugate la un Windows Forms. Controale precum o casetă de text sau o etichetă sunt doar câteva dintre comenzile care pot fi adăugate la un Windows Forms.
Mai jos este o captură de ecran cu aspectul casetei de instrumente.
Pasul 3) În acest pas, vom adăuga acum o etichetă la Formular care va afișa „Hello World”. Din caseta de instrumente, va trebui să alegeți controlul Etichetă și să îl trageți pur și simplu pe Formular.
După ce trageți eticheta în formular, puteți vedea eticheta încorporată în formular, așa cum se arată mai jos.
Pasul 4) Următorul pas este să mergeți la proprietățile controlului și să schimbați textul în „Hello World”.
Pentru a accesa proprietățile unui control, trebuie să faceți clic dreapta pe control și să alegeți opțiunea din meniul Proprietăți
- Panoul de proprietăți apare, de asemenea, în Visual Studio. Deci, pentru controlul etichetei, în controlul proprietăților, accesați secțiunea Text și introduceți „Hello World”.
- Fiecare control are un set de proprietăți care descriu controlul.
Dacă urmați toți pașii de mai sus și rulați programul în Visual Studio, veți obține următoarea ieșire
Ieșire: -
În rezultat, puteți vedea că este afișat Windows Form. Puteți vedea, de asemenea, „Hello World” este afișat pe formular.
Adăugarea comenzilor la un formular
Văzusem deja cum să adăugăm un control la un formular când am adăugat controlul etichetei în secțiunea anterioară pentru a afișa „Hello World”.
Să ne uităm la celelalte controale disponibile pentru formularele Windows și să vedem câteva dintre proprietățile lor comune.
În aplicația noastră de formular Windows din exemplele C #, vom crea un formular care va avea următoarele funcționalități.
- Capacitatea utilizatorului de a introduce numele și adresa.
- O opțiune pentru a alege orașul în care locuiește utilizatorul
- Capacitatea utilizatorului de a introduce o opțiune pentru sex.
- O opțiune de a alege un curs pe care utilizatorul dorește să îl învețe. Vor face alegeri atât pentru C #, cât și pentru ASP.Net
Deci, să analizăm fiecare control în detaliu și să le adăugăm pentru a construi formularul cu funcționalitatea menționată mai sus.
Cutie de grup
O casetă de grup este utilizată pentru controale de grupare logică într-o secțiune. Să luăm un exemplu dacă ați avut o colecție de controale pentru introducerea detaliilor, cum ar fi numele și adresa unei persoane. În mod ideal, acestea sunt detalii despre o persoană, deci ați dori să aveți aceste detalii într-o secțiune separată din formular. În acest scop, puteți avea o casetă de grup. Să vedem cum putem implementa acest lucru cu un exemplu prezentat mai jos
Pasul 1) Primul pas este să trageți controlul Groupbox pe Windows Form din caseta de instrumente, așa cum se arată mai jos
Pasul 2) Odată ce grupul a fost adăugat, accesați fereastra de proprietăți făcând clic pe controlul grupului. În fereastra de proprietăți, accesați proprietatea Text și schimbați-o în „Detalii utilizator”.
După ce faceți modificările de mai sus, veți vedea următoarea ieșire
Ieșire: -
În rezultat, puteți vedea clar că Groupbox a fost adăugat la formular. De asemenea, puteți vedea că textul casetei de grup a fost schimbat în „Detalii utilizator”.
Controlul etichetelor
Urmează Controlul etichetelor. Controlul etichetei este utilizat pentru a afișa un text sau un mesaj către utilizator pe formular. Controlul etichetei este utilizat în mod normal împreună cu alte controale. Exemple obișnuite sunt în care se adaugă o etichetă împreună cu controlul casetei de text.
Eticheta indică utilizatorului ceea ce se așteaptă să completeze în caseta de text. Să vedem cum putem implementa acest lucru cu un exemplu prezentat mai jos. Vom adăuga 2 etichete, una care va fi numită „nume” și cealaltă numită „adresă”. Acestea vor fi utilizate împreună cu comenzile din caseta de text care vor fi adăugate în secțiunea ulterioară.
Pasul 1) Primul pas este să trageți controlul etichetei pe Windows Form din caseta de instrumente, așa cum se arată mai jos. Asigurați-vă că trageți de două ori comanda etichetei, astfel încât să puteți avea una pentru „nume” și cealaltă pentru „adresă”.
Pasul 2) Odată ce eticheta a fost adăugată, accesați fereastra de proprietăți făcând clic pe controlul etichetei. În fereastra de proprietăți, accesați proprietatea Text a fiecărui control de etichetă.
După ce faceți modificările de mai sus, veți vedea următoarea ieșire
Ieșire: -
Puteți vedea comenzile de etichetă adăugate la formular.
Casetă de text
O casetă de text este utilizată pentru a permite utilizatorului să introducă text în aplicația Windows în C #. Să vedem cum putem implementa acest lucru cu un exemplu prezentat mai jos. Vom adăuga 2 casete text la formular, una pentru Numele și cealaltă pentru adresa care trebuie introdusă pentru utilizator
Pasul 1) Primul pas este de a trage controlul casetei de text pe Windows Form din caseta de instrumente așa cum se arată mai jos
Pasul 2) Odată adăugate casetele de text, accesați fereastra de proprietăți făcând clic pe controlul casetei de text. În fereastra de proprietăți, accesați proprietatea Name și adăugați un nume semnificativ în fiecare casetă de text. De exemplu, denumiți caseta de text pentru utilizator ca txtUser și cea pentru adresă ca txtAddress. Ar trebui făcută o convenție de denumire și un standard pentru controale, deoarece devine mai ușor să adăugați funcționalități suplimentare acestor controale, pe care le vom vedea mai târziu.
După ce faceți modificările de mai sus, veți vedea următoarea ieșire
Ieșire: -
În ieșire, puteți vedea clar că Textbox-urile au fost adăugate la formular.
Casetă listă
O Listbox este utilizată pentru a afișa o listă de articole din formularul Windows. Să vedem cum putem implementa acest lucru cu un exemplu prezentat mai jos. Vom adăuga o casetă listă la formular pentru a stoca câteva locații ale orașului.
Pasul 1) Primul pas este să trageți controlul casetei de listă pe Windows Form din caseta de instrumente, așa cum se arată mai jos
Pasul 2) Odată ce caseta de listă a fost adăugată, accesați fereastra de proprietăți făcând clic pe controlul casetei de listă.
- Mai întâi, modificați proprietatea controlului casetei Listbox, în cazul nostru, am schimbat acest lucru în lstCity
- Faceți clic pe proprietatea Items. Acest lucru vă va permite să adăugați diferite elemente care pot apărea în caseta listă. În cazul nostru, am selectat elemente „colecție”.
- În Editorul String Collection, care apare, introduceți numele orașelor. În cazul nostru, am intrat în „Mumbai”, „Bangalore” și „Hyderabad”.
- În cele din urmă, faceți clic pe butonul „OK”.
După ce faceți modificările de mai sus, veți vedea următoarea ieșire
Ieșire: -
În rezultat, puteți vedea că Listbox a fost adăugat la formular. De asemenea, puteți vedea că caseta de listă a fost populată cu valorile orașului.
Buton de radio
Un buton radio este utilizat pentru a afișa o listă de articole din care utilizatorul poate alege unul. Să vedem cum putem implementa acest lucru cu un exemplu prezentat mai jos. Vom adăuga un buton radio pentru o opțiune masculin / feminin.
Pasul 1) Primul pas este să trageți controlul „buton radio” pe Windows Form din caseta de instrumente, așa cum se arată mai jos.
Pasul 2) Odată ce butonul Radio a fost adăugat, accesați fereastra de proprietăți făcând clic pe comanda Radiobutton.
- În primul rând, trebuie să modificați proprietatea textului ambelor comenzi radio. Accesați ferestrele de proprietăți și schimbați textul la un bărbat al unui buton radio și textul celuilalt la feminin.
- În mod similar, modificați proprietatea numelui ambelor comenzi radio. Accesați ferestrele cu proprietăți și schimbați numele în „rdMale” al unui buton radio și în „rdfemale” pentru celălalt.
Dacă faceți modificările de mai sus, veți vedea următoarea ieșire
Ieșire: -
Veți vedea butoanele Radio adăugate la formularul Windows.
Caseta de bifat
O casetă de selectare este utilizată pentru a furniza o listă de opțiuni în care utilizatorul poate alege mai multe opțiuni. Să vedem cum putem implementa acest lucru cu un exemplu prezentat mai jos. Vom adăuga 2 casete de selectare la formularele noastre Windows. Aceste casete de selectare vor oferi utilizatorului o opțiune dacă doresc să învețe C # sau ASP.Net.
Pasul 1) Primul pas este să trageți controlul casetei de selectare pe Windows Form din caseta de instrumente, așa cum se arată mai jos
Pasul 2) După ce a fost adăugată caseta de selectare, accesați fereastra de proprietăți făcând clic pe controlul Casetă de selectare.
În fereastra de proprietăți,
- Mai întâi, trebuie să modificați proprietatea text a ambelor controale de casetă de selectare. Accesați ferestrele de proprietăți și schimbați textul în C # și ASP.Net.
- În mod similar, modificați proprietatea numelui ambelor comenzi radio. Accesați ferestrele de proprietăți și schimbați numele în chkC al unei casete de selectare și în chkASP pentru cealaltă.
După ce faceți modificările de mai sus, veți vedea următoarea ieșire
Ieșire: -
Buton
Un buton este utilizat pentru a permite utilizatorului să facă clic pe un buton care va începe apoi procesarea formularului. Să vedem cum putem implementa acest lucru cu un exemplu prezentat mai jos. Vom adăuga un buton simplu numit „Trimiteți”, care va fi utilizat pentru a trimite toate informațiile din formular.
Pasul 1) Primul pas este să trageți butonul de control pe Windows Form din caseta de instrumente, așa cum se arată mai jos
Pasul 2) Odată ce butonul a fost adăugat, accesați fereastra de proprietăți făcând clic pe butonul de control.
- Mai întâi, trebuie să modificați proprietatea text a butonului de control. Accesați ferestrele cu proprietăți și schimbați textul în „trimitere”.
- În mod similar, modificați proprietatea de nume a controlului. Accesați ferestrele de proprietăți și schimbați numele în „btnSubmit”.
După ce faceți modificările de mai sus, veți vedea următoarea ieșire
Ieșire: -
Felicitări, aveți acum primul dvs. Windows Form de bază. Să trecem acum la următorul subiect pentru a vedea cum putem face gestionarea evenimentelor pentru controale.
C # Gestionarea evenimentelor pentru controale
Când lucrați cu formularul Windows, puteți adăuga evenimente la controale. Un eveniment este ceva care se întâmplă atunci când se efectuează o acțiune. Probabil cea mai obișnuită acțiune este clicul unui buton pe un formular. În C # Windows Forms, puteți adăuga cod care poate fi utilizat pentru a efectua anumite acțiuni atunci când este apăsat un buton pe formular.
În mod normal, atunci când un buton este apăsat pe un formular, înseamnă că ar trebui să aibă loc o anumită procesare.
Să aruncăm o privire la unul dintre evenimente și cum poate fi gestionat înainte de a merge la scenariul evenimentului buton.
Exemplul de mai jos va prezenta un eveniment pentru controlul Listbox. Deci, ori de câte ori este selectat un element în lista de control, ar trebui să apară o casetă de mesaj care să afișeze elementul selectat. Să realizăm următorii pași pentru a realiza acest lucru.
Pasul 1) Faceți dublu clic pe Listbox în proiectul formularului . Procedând astfel, Visual Studio va deschide automat fișierul de cod pentru formular. Și va adăuga automat o metodă de eveniment la cod. Această metodă de eveniment va fi declanșată, ori de câte ori este selectat vreun element din listbox.
Mai sus este fragmentul de cod care este adăugat automat de Visual Studio, când faceți dublu clic pe controlul casetei Listă din formular. Acum, să adăugăm secțiunea de cod de mai jos la acest fragment de cod, pentru a adăuga funcționalitatea necesară evenimentului listbox.
- Aceasta este metoda de gestionare a evenimentelor care este creată automat de Visual Studio când faceți dublu clic pe controlul casetei Listă. Nu trebuie să vă faceți griji cu privire la complexitatea numelui metodei sau a parametrilor trecuți metodei.
- Aici obținem SelectedItem prin proprietatea lstCity.SelectedItem. Amintiți-vă că lstCity este numele controlului nostru Listbox. Apoi folosim metoda GetItemText pentru a obține valoarea reală a elementului selectat. Apoi atribuim această valoare variabilei text.
- În cele din urmă, folosim metoda MessageBox pentru a afișa utilizatorului valoarea variabilei de text.
Dacă efectuați modificările de mai sus și rulați programul în Visual Studio, veți vedea următoarea ieșire
Ieșire: -
Din ieșire, puteți vedea că, atunci când este selectat un element din caseta de listă, va apărea o casetă de mesaj. Aceasta va afișa elementul selectat din listă.
Acum să ne uităm la controlul final, care este butonul de clic pe Metodă. Din nou, aceasta urmează aceeași filozofie. Doar faceți dublu clic pe butonul din Forms Designer și va adăuga automat metoda pentru gestionarea evenimentelor butonului. Apoi trebuie doar să adăugați codul de mai jos.
- Aceasta este metoda de gestionare a evenimentelor care este creată automat de Visual Studio când faceți dublu clic pe butonul de control. Nu trebuie să vă faceți griji cu privire la complexitatea numelui metodei sau a parametrilor trecuți metodei.
- Aici primim valori introduse în caseta de text nume și adresă. Valorile pot fi preluate din proprietatea text a casetei de text. Apoi atribuim valorile la 2 variabile, nume și adresă în consecință.
- În cele din urmă, folosim metoda MessageBox pentru a afișa numele și valorile adresei către utilizator.
Dacă efectuați modificările de mai sus și rulați programul în Visual Studio, veți vedea următoarea ieșire
Ieșire: -
- Mai întâi, introduceți o valoare în câmpul de nume și adresă.
- Apoi faceți clic pe butonul Trimiteți
După ce faceți clic pe butonul Trimiteți, va apărea o casetă de mesaj și vă va arăta corect ceea ce ați introdus în secțiunea Detalii utilizator.
Tree și PictureBox Control
Există încă 2 controale la care ne putem uita, unul este „Tree Control” și celălalt este „Image control”. Să vedem exemple despre cum putem implementa aceste controale
Controlul arborelui
- Controlul arborelui este folosit pentru listarea articolelor dintr-un copac precum moda. Probabil cel mai bun exemplu este atunci când vedem Windows Explorer în sine. Structura folderelor din Windows Explorer este ca o structură asemănătoare unui copac.
Să vedem cum putem implementa acest lucru cu un exemplu prezentat mai jos.
Pasul 1) Primul pas este să trageți controlul Tree în Formularul Windows din caseta de instrumente, așa cum se arată mai jos
Pasul 2) Următorul pas este să începeți să adăugați noduri în colecția de copaci, astfel încât să poată apărea în copac în consecință. Mai întâi, să urmăm sub-pașii de mai jos pentru a adăuga un nod rădăcină la colecția de copaci.
- Accesați caseta de instrumente Proprietăți pentru controlul de vizualizare arborescentă. Faceți clic pe proprietatea nodului. Aceasta va afișa Editorul TreeNode
- În Editorul TreeNode, faceți clic pe butonul Adăugați rădăcină pentru a adăuga un nod rădăcină la colecția de arbori.
- Apoi, schimbați textul nodului Root și furnizați textul ca Root și faceți clic pe butonul „OK”. Aceasta va adăuga nodul rădăcină.
Pasul 3) Următorul pas este să începeți adăugarea nodurilor copil în colecția de copaci. Să urmăm sub-pașii de mai jos pentru a adăuga nodul rădăcină copil la colecția arborelui.
- Mai întâi, faceți clic pe butonul Adăugați copil. Acest lucru vă va permite să adăugați noduri copil în colecția Tree.
- Pentru fiecare nod copil, modificați proprietatea textului. Repetați în continuare pasul anterior și acest pas și adăugați 2 noduri suplimentare. La final, veți avea 3 noduri așa cum se arată mai sus, cu textul ca Etichetă, Buton și, respectiv, Casetă de selectare.
- Faceți clic pe butonul OK
După ce ați făcut modificările de mai sus, veți vedea următoarea ieșire.
Ieșire: -
Veți putea vedea vizualizarea Arborescentă adăugată la formular. Când rulați aplicația formular Windows, puteți extinde nodul rădăcină și puteți vedea nodurile copil în listă.
Control PictureBox
Acest control este utilizat pentru a adăuga imagini la Winforms C #. Să vedem cum putem implementa acest lucru cu un exemplu prezentat mai jos.
Pasul 1) Primul pas este să trageți controlul PictureBox pe C # Windows Form din caseta de instrumente, așa cum se arată mai jos
Pasul 2) Următorul pas este să atașați efectiv o imagine la controlul casetei de imagine. Acest lucru se poate face urmând pașii de mai jos.
- Mai întâi, faceți clic pe proprietatea Image pentru controlul PictureBox. Va apărea o fereastră nouă.
- În această fereastră, faceți clic pe butonul Import. Aceasta va fi utilizată pentru a atașa o imagine la controlul casetei de imagini.
- Va apărea o casetă de dialog în care veți putea alege imaginea pentru a atașa caseta de imagini
- Faceți clic pe butonul OK
Dacă faceți modificările de mai sus, veți vedea următoarea ieșire
Ieșire: -
Din ieșire, puteți vedea că o imagine este afișată pe formular.
rezumat
- Un formular Windows în aplicația C # este unul care rulează pe desktopul unui computer. Visual Studio Form împreună cu C # pot fi utilizate pentru a crea o aplicație Windows Forms.
- Controalele pot fi adăugate la formularele Windows C # prin caseta de instrumente din Visual Studio. Controale precum etichete, casete de selectare, butoane radio etc. pot fi adăugate la formular prin intermediul casetei de instrumente.
- Se pot utiliza și controale avansate precum controlul de vizualizare în arbore și controlul PictureBox.
- Handlerele de evenimente sunt utilizate pentru a răspunde la evenimentele generate de controale. Cel mai frecvent este cel adăugat pentru evenimentul pe care s-a făcut clic pe buton.