Transcript Programare vizuală

Programare vizuală
 Programarea vizuală trebuie privită ca un
mod de proiectare a unui program prin
operare directă asupra unui set de elemente
grafice.
 Această operare are ca efect scrierea
automată a unor secvenţe de program,
secvenţe care, împreună cu secvenţele
scrise textual vor forma programul.
 O aplicaţie este vizuală dacă dispune de o
interfaţă grafică sugestivă şi pune la
dispoziţia utilizatorului instrumente specifice
de utilizare (drag, clic, hint etc.)
Mediul de dezvoltare Visual C# (prezentarea
interfeţei)
Mediul de dezvoltare Microsoft Visual C#
dispune de instrumente specializate de
proiectare, ceea ce permite crearea aplicaţiilor
în mod interactiv, rapid şi uşor.
Pentru a construi o aplicaţie Windows (File New Project) se selectează ca template
Windows Forms Application.
O aplicaţie Windows conţine cel puţin o
fereastră (Form) în care se poate crea o
interfaţă cu utilizatorul aplicaţiei.
În fereastra Solution Explorer sunt afişate
toate fişierele pe care Microsoft Visual C#
2008 Express Edition le-a inclus în proiect.
 Form1.cs este formularul creat implicit ca
parte a proiectului.
Fişierul Form1.cs conţine un formular
(fereastra Form1 derivata din clasa Form)
care este reprezentată în cadrul din
dreamt
în
formatul
Design
Form1.cs[Design], adic ă într-un format
incare se poate executa proiectare
vizuală,
prin
inserarea
controalelor
necesare selectate din fereastra Toolbox,
care se activează atunci când este „atinsă”
cu mouse-ul.
Fişierul Form1.cs poate fi văzut ca fişier
text sursă prin selectarea lui în fereastra
Solution Explorer, clic dreapta cu mouseul şi selecţia opţiunii View Code.
Fereastra Properties este utilizată pentru
a schimba proprietăţile obiectelor.
Toolbox conţine controale standard dragand-drop şi componente utilizate în
crearea aplicaţiei Windows.
Ferestrele care sunt afişate in fereastra
principală se pot stabili prin selecţie din
meniul View.
Crearea unei aplicatii in Visual C#
Pentru realizarea unei aplicaţii Windows se
alege template-ul Windows Forms Application:
Proiectul deschis va deschide implicit o fereastră pe care
o
vom
putea
modifica
oricând
(titul
acesteia: Form1, dimensiunile, culorea de fundal ş.a.):
În partea stângă există Toolbox – bară de
meniu cu componentele pe care le putem
utiliza în proiect: buton, buton de validare,
buton radio, etichetă, casetă de editare,
imagine şi multe altele. Pentru adăugarea
unei componente, vom da un click pe
respectiva componentă înToolbox –
Label, apoi vom face click pe fereastra de
proiect în locaţia dorită:
Va apare label1 în fereastra Form1, pe care o
vom putea muta oriunde în fereatra activă:
Pentru a modifica mai multe proprietăţi ale acesteia,
vom face un click dreapta pe aceasta, apoi vom selecta
din meniul contextual comanda Properties:
Va apare bara de proprietăţi (implicit în partea dreaptăjos), unde vom putea modifica de exemplu textul
afişat, din label1 în Nume:
Vom adăuga în mod asemănător încă două etichete (label2 cu
textul afişat Prenume: şi label3cu textul afişat Nume si
prenume:) două cutii de editare (textBox1 şi textBox2), o listă
(listbox1) şi un buton (button1 cu textul afişat Adaugare):
Pentru a adăuga un eveniment unui obiect, vom face
dublu-click pe el, sau alegem după click dreapta pe
el View Code pentru a edita codul sursă:
În codul sursă vom începe să scriem cum anume să reacţioneze
programul în momentul în care este declanşat evenimentul
selectat (click pe butonul button1):
Pentru a putea avea o zonă de editare mai mare, se poate selecta ca
ferestrele Solution Explorer, Properties şi General să se auto-ascundă (click
dreapta pe bara de titlu a fiecăreia şi bifarea opţiunii Auto Hide):
Vom introduce listBox1.Items.Add(textBox1.Text + ” ” +
textBox2.Text); pentru ca listalistBox1 să primească valorile
scrise în textBox1 şi textBox2 atunci când se face click pe
butonul button1:
Pentru a se evita introducerea de mai
multe ori a aceloraşi date, după
adăugarea în listalistBox1, valorile
din textBox1, respectiv textBox2 vor fi
şterse:
textBox1 = “”;
textBox2=””;
iar textBox1 va fi selectat:
textBox1.Focus();
Pentru a lansa în execuţie aplicaţia proaspăt
creată, se va alege din meniul Debug – Start
Debugging:
Se va deschide fereastra creată în proiect în care pot fi
introduse datele de intrare: Arhip,respectiv Stefan:
Date care vor fi introduse în lista de Nume şi
prenume la apăsarea pe butonul Adaugare:
În acest fel se pot adăuga un număr nelimitat
de Nume si prenume în listă: