Înainte de a scrie programul "Hello", să definim ce va face programul și cum ar trebui să arate în acțiune.
După lansarea programului, ar trebui să apară fereastra aplicației. Fereastra trebuie să conțină două butoane (Hi și Clear) și un câmp de text gol (Fig.1.1).
Figura 1.1. App Appearance
Dacă faceți clic pe butonul Hello. "Bună ziua, Pace!" Apare în câmpul de text. (Figura 1.2)
Figura 1.2. Aplicația este în acțiune.
Dacă faceți clic pe butonul Ștergere. programul șterge câmpul de text.
Crearea unui nou proiect
Acum că știți ce ar trebui să facă programul, să încercăm să-l scriem în C #. Încercați să efectuați toate acțiunile descrise.
Primul lucru care începe să dezvolte un nou program este crearea unui nou proiect. Pentru a face acest lucru, porniți Visual Studio. În meniul Fișier, faceți clic pe Nou | Proiect. . Se deschide caseta de dialog Proiect nou (Fig.1.1). Selectați tipul de proiect Visual C # din partea stângă a ferestrei; Windows. În partea dreaptă vor apărea șabloanele disponibile pentru tipul de proiect selectat.
După cum puteți vedea, Visual Studio vă permite să creați proiecte de diferite tipuri. Pentru prima noastră lecție, vom folosi un proiect al tipului aplicației Windows Forms. Selectați șablonul Application Forms Windows. Apoi, schimbați numele proiectului. În câmpul Nume, ștergeți textul implicit pentru WindowsFormsApplication1 și introduceți textul MyFirstProgram. Următorul câmp de locație arată unde va fi stocat proiectul dvs. Puteți modifica locația de stocare a proiectului. Pentru aceasta, faceți clic pe butonul Răsfoiți. și selectați folderul de pe computer. Acum puteți să faceți clic pe butonul OK.
Figura 1.3. Crearea unui nou proiect
Veți deschide mediul de dezvoltare Visual Studio. În centrul ecranului veți vedea o fereastră de formă (în timp ce este goală) cu titlul Form1. Sarcina ta este să faci să pară un formular de cerere gata
Figura 1.4. Formulare goale
Schimbați antetul de formular
Formularul gol care a apărut pe ecran are un antet Form1. Această inscripție standard în antetul Visual Studio atribuie oricărui formular nou creat. În scopuri educaționale, puteți lăsa această inscripție neschimbată, dar să facem formularul mai profesionist. În primul nostru program, titlul are semnul Hello.
Notă: Forma este numită adesea o fereastră. În principiu, acesta este același lucru. În timpul dezvoltării, vom folosi formularul de termen, iar în timp ce programul se execută, vom numi acest formular pe ecran o fereastră.
Deci, schimbați titlul formularului la Hello
Asigurați-vă că fereastra de formular este actuală. Este ușor de recunoscut după titlu - ar trebui să fie activ (evidențiat). Dacă formularul nu este actual, atunci faceți clic pur oriunde în formular sau după titlu.
În partea dreaptă a mediului de dezvoltare, localizați fereastra Proprietăți. Dacă este ascunsă de dvs., în meniul Vizualizare, faceți clic pe Proprietăți Windows.
Faceți clic pe caseta din partea dreaptă a textului. În prezent, câmpul conține textul Form1. Ștergeți acest text și introduceți un text nou. Bună ziua. Fereastra de proprietăți trebuie să aibă forma prezentată în Figura 1.5.
Figura 1.5. Modificați titlul formularului
Ura! Ați schimbat titlul formularului. Uită-te la fereastra formei - inscripția sa schimbat (Fig.1.6).
Figura 1.6. Formați cu un antet nou.
Adăugarea unui buton
Știm că în versiunea finală, formularul ar trebui să aibă butoanele Hello și Clear. Să o facem.
Pentru a plasa un buton pe un formular, selectați-l mai întâi în colecția de instrumente.
Fereastra de colectare a instrumentului conține pictograme pentru diverse controale. Sarcina dvs. este să selectați obiectul dorit și să îl plasați pe formular.
Notă: dacă colecția de unelte nu este vizibilă, din meniul Vizualizare, faceți clic pe Toolbox.
Găsiți elementul dorit cu Butonul etichetat între pictograme.
Faceți dublu clic pe pictograma buton - ca rezultat, Visual Studio plasează un buton cu Butonul etichetat pe formular (Figura 1.7).
Figura 1.7. Plasați butonul pe formular
Visual Studio atribuie automat câteva proprietăți butonului nostru. Trebuie să le schimbăm pentru confortul nostru, așa cum am făcut pentru antetul formularului.
Accesați panoul Properties (dacă nu este vizibil, apoi executați comanda Window Properties din meniul e1)
Asigurați-vă că caseta listă din partea de sus a ferestrei de proprietăți conține butonul de înscriere1 System.Windows.Forms.Button (Fig.1.6)
Notă: în această etapă, formularul dvs. include două obiecte: Form1 însuși și butonul1. Fereastra de proprietăți afișează proprietățile obiectului al cărui nume este selectat în lista restrânsă din partea de sus a ferestrei. Pentru a comuta la un alt obiect, faceți clic pe butonul săgeată din caseta listă și extindeți lista: conține numele tuturor elementelor din formular. Faceți clic pe numele elementului dorit, iar fereastra Proprietăți afișează setul de proprietăți pentru elementul respectiv.
Modificați valoarea proprietății Nume de la butonul1 la butonulHello.
Ris.1.8. Alocați un nou nume butonului
În mod implicit, Visual Studio a atribuit butonul1 butonului. pe care o vedeți acum pe buton. Să o schimbăm într-o inscripție mai ușor de înțeles. Găsiți proprietatea Text și schimbați textul butonului 1 la Hello.
Modificați poziția butonului
Butonul din versiunea noastră nu trebuie să fie în colțul formatului, dar ușor mai mic.
Trageți-l în partea de jos a formularului: plasați cursorul peste butonul Hello. Faceți clic pe butonul mouse-ului și, fără a elibera butonul mouse-ului, mutați butonul Bună în locația dorită.
Modificați proprietatea Font a butonului
Continuăm să schimbăm proprietățile butonului. Din nou, accesați fereastra de proprietăți și faceți clic pe câmpul din dreapta casetei de scriere. Apare un buton cu trei puncte. Faceți clic pe acest buton. Se afișează caseta de dialog Font. vă permite să selectați și să instalați un nou font.
Selectați dimensiunea fontului dorită, de exemplu, 10. Faceți clic pe butonul OK din caseta de dialog Font
Uită-te la buton: fontul inscripției Hi a fost schimbat.
Notă: prin modificarea valorilor mai multor proprietăți, puteți vedea imediat rezultatul pe formular. Utilizați acest lucru, experimentați cu proprietățile elementelor selectate, până când rezultatul vă satisface complet.
Adăugați un al doilea buton
Acum trebuie să adăugăm un al doilea buton la formularul care spune Clear. Repetăm deja operații familiare. Faceți dublu clic pe pictograma buton din colecția de instrumente. Al doilea buton apare pe formular. Glisați-l în partea dreaptă a formularului de lângă primul buton. Apoi, schimbați proprietatea Nume a butonului de la butonul1 la butClear și proprietatea Text în textul Ștergere. De asemenea, puteți schimba dimensiunea fontului.
Butoanele de redimensionare
Este posibil ca dimensiunile originale instalate pe butoanele Visual Studio să nu funcționeze pentru noi. De exemplu, cuvântul Clear poate fi prea mare și nu se potrivește în întregime butonului. Să învățăm cum să redimensionăm butoanele.
Selectați obiectul dorit cu un singur clic (nu dublu!). Elementul selectat va fi închis într-un dreptunghi de mici pătrate albe, numiți markeri. Deplasați ușor cursorul mouse-ului pe orice marcator și, ținând apăsat butonul mouse-ului, trageți marcatorul în direcția dorită până când obiectul ia dimensiunea dorită. De exemplu, marcajele pe fețele verticale ale unui obiect modifică dimensiunile orizontale și invers. Marcatorii de pe colțuri modifică dimensiunea obiectului în ambele direcții simultan.
Adăugați un câmp TextBox în formular
A mai lipsit încă un element pentru programul nostru - este textboxul Textbox. Acest element este pentru introducerea oricărui text. Uneori acest element se numește câmp de editare.
Plasați textul în formular
Avem deja experiența adăugării de butoane în formular. Acum trebuie să adăugăm un câmp text. Găsiți pictograma casetei de text din colecția de instrumente.
Faceți dublu clic pe pictograma Tex t Box pentru a plasa elementul pe formular.
După ce ați selectat-o pe formular, schimbați poziția și mărimea elementului așa cum se arată în Figura 1.9.
Figura 1.9. Plasați toate elementele pe formular
Modificăm valorile proprietăților elementului TextBox
Modificați mai multe proprietăți ale câmpului de text. Modificați valoarea proprietății Nume de la textBox1 la txtDisplay. Opțional, puteți modifica dimensiunea fontului.
Introduceți codul sursă
Etapa programării vizuale în acest sens este completă. Am proiectat aspectul programului. Acum rămâne să introduceți codul sursă al programului.
Visual C # este un limbaj de programare care este condus de evenimente. De exemplu, dacă faceți clic pe butonul Hello, evenimentul Click pentru butonul butHello este executat și procedura de procesare pentru acest eveniment va fi executată automat. Astfel, sarcina dvs. este de a scrie o procedură adecvată pentru fiecare eveniment - cel care a efectuat acest eveniment. Dacă nu înțelegeți nimic - nu vă faceți griji. Totul este mult mai simplu decât ar putea părea la prima vedere. Să încercăm și veți vedea cât de ușor și simplu este. Să începem cu procedura de gestionare a evenimentului Click pentru butonul ButHello.
Se scrie procedura pentru butonul Hello (butHello)
Faceți dublu clic pe butonul Buton Buton. Visual Studio va deschide fereastra de cod. Rețineți că Visual Studio a plasat automat următoarele linii în fereastra de cod:
După cum am fost de acord, atunci când faceți clic pe butonul din câmpul de text ar trebui să apară cuvântul Hello, Peace! Așezați cursorul între acoladele curbate <> și introduceți următorul cod:
Rețineți că atunci când ați tastat cuvântul txtDispaly și ați pus o perioadă, Visual Studio v-a solicitat să selectați opțiunile gata făcute pentru a continua. Nu acordați atenție sfaturilor încă și continuați să tastați. Nu uitați să puneți punct și virgulă la sfârșitul liniei.
Introduceți codul pentru butonul Ștergere
Reveniți la modul Vizualizați | Designer și faceți dublu clic pe butonul ButClear. Visual Studio va genera din nou o piesă de prelucrat pentru evenimentul Click al celui de-al doilea buton. Sarcina acestei proceduri este de a șterge câmpul de text. Pentru a face acest lucru, trebuie să atribuiți un șir gol valorii proprietății Text.
Rulați programul Hello
Totul este pregătit pentru primul nostru program. Este timpul să-l testați în acțiune. Selectați meniul Debug | Începeți depanarea.
Dacă nu ați făcut greșeli, atunci veți vedea o fereastră a programului nostru. Faceți clic pe butonul Bună ziua. Câmpul de text specificat în codul programului apare în câmpul de text. Acum faceți clic pe butonul Ștergere. Textul dispare. Puteți să faceți clic pe butoane de mai multe ori. Pentru a ieși din program, faceți clic pe butonul Închidere din colțul din dreapta sus al programului.
Când ieșiți din program, puteți face modificări din nou în Visual Studio. Încercați să schimbați singur programul, astfel încât atunci când faceți clic pe butonul Hello în câmpul de text, apare mesajul "Bună ziua, mama!". .
EXE executabil
Când ați rulat programul pentru prima dată, Visual Studio a creat automat un fișier executabil EXE. Deschideți dosarul în care ați salvat proiectul. Acolo, găsiți subdosarul \ bin \ Debug. în care veți vedea fișierul MyFirstProgram.exe.
Puteți să copiați acest fișier pe o unitate flash USB și să îl transferați prietenilor, astfel încât aceștia să vă poată vedea programul pe computer. Aceasta completează prima lecție.
Deci, ați scris primul dvs. program în C #, ați trecut prin toate etapele necesare: stadiul programării vizuale și pasul de introducere a codului sursă. În prima etapă, ați învățat cum să plasați elementele necesare pe formular și să atribuiți valorile dorite proprietăților lor. În stadiul introducerii codului, ați creat mai multe proceduri de procesare a anumitor evenimente la anumite obiecte și ați folosit instrucțiuni C #.
Întrebări și răspunsuri
Pot studia câteva lecții pe zi? Da, puteți alege propriul ritm de trecere a lecțiilor. Pot crea programe profesionale pe C #? Da, puteți crea programe Windows real pe C #. Foarte mulți programatori aleg această limbă pentru a-și crea propriile programe.
Articole similare
Trimiteți-le prietenilor: