01 Visual Studio uvod

Embed Size (px)

DESCRIPTION

Uvod u programiranje sa Visual Studio, Vezbe sa fakulteta

Citation preview

  • Microsoft Visual Studio 2010

    Microsoft Visual Studio 2010 predstavlja integrisano radno okruenje za razvoj softverskih aplikacija. Pokretanje okruenja se vri kroz glavni meni: Start All Programs Microsoft Visual Studio 2010 Microsoft Visual Studio 2010. Nakon ovoga se otvara poetna strana koja je prikazana na sledeoj slici:

    Poetna strana u svom centralnom delu sadri listu linkova ka resursima koji se nalaze na internetu. Ona takoe sadri i linkove ka poslednje realizovanim projektima u razvojnom okruenju. Ukoliko elimo da ponovo otvorimo ovu stranicu nakon to smo je zatvorili potrebno je iz menija odabrati View Start Page. Da bi se kreirao novi projekat iz menija treba odabrati File New Project. U prozoru koji se nakon toga otvara u delu Installed Templates bira se Visual C#, a u centralnom prozoru

    biramo Windows Forms Application. U polju Name upisuje se ime novog projekta (Test). Na

    kraju potvrujemo odabir klikom na taster OK. Prozor za kreiranje novog projekta je prikazan na sledeoj slici:

  • Na ovaj nain je kreiran novi projekat koji se zove Test.

  • Programski jezik C# i Visual Studio IDE (Integreted Development Enviroment -

    integrisano razvojno okruenje) omoguavaju brz razvoj aplikacija. IDE predstavlja program koji omoguava izmene koda, upravljanje fajlovima i projektima. Oni omoguavaju:

    Brzo kreiranje aplikacija - Visual Studio IDE odrauje dosta posla automatski. Kada se radi u ovom okruenju, moe se prepustiti svakodnevno kodiranje samom okruenju, dok se programeri mogu fokusirati na sutinu ta dati program treba da postigne

    Kreiranje korisnikog interfejsa - Form Designer koji se nalazi u sklopu Visual Studio-a predstavlja alat za dizajniranje koji se veoma lako koristi. Mogu se kreirati profesionalne

    aplikacije bez potreba da se provedu sati na kreiranju grafikog korisnikog interfejsa

    Kreiranje baze i interakcija sa bazom - Visual Studio ukljuuje jednostavan interfejs za kreiranje baze koji se lako integrie sa SQL Server Express bazom, kao i sa drugim popularnim bazama podataka

    Fokusiranje na reavanje pravih problema - IDE radi dosta posla automatski, ali programeri i dalje imaju kontrolu nad aplikacijom koja se kreira. IDE samo omoguava programerima da se fokusiraju na program, posao i klijente.

    Prednost Visual Studio IDE-a je u tome to predstavlja odlinu poetnu taku za kreiranje aplikacija. On se moe predstaviti kao napredni fajl editor. IDE automatski radi uvlaenje koda, menja boju kljunih rei, uparuje zagrade i ak predlae koja bi sledea re mogla biti. C# program poinje svoj ivot kao par naredbi u nekoliko fajlova, dok na kraju razvoja ne postane program koji radi na operativnom sistemu i izvrava posao za koji je namenjen. Razvojno okruenje kod uva kao niz fajlova i foldera na operativnom sistemu. Ovaj kod se moe prekopirati u novi folder i otvoriti i sve e biti tu: forme, resursi, kod, kao i sve ostalo to je dodato u projekat. Svi fajlovi programa se pakuju u solution (reenje) tako to se kreira solution fajl (ekstenzija sln) i folder koji e sadrati sve ostale fajlove programa. C# je samo jezik kojem je za izvravanje potrebna podrka. Upravo tu dolazi .NET framework. Dugmii, meni, liste predstavljaju delove .NET framework-a. On poseduje alate za crtanje grafike, itanje i upisivanje u fajlove, upravljanje kolekcijama, kao i razne druge alate za poslove koje programer obavlja svakodnevno. Alati u .NET framework-u su podeljeni u

    namespace-ove (prostori imena). Da bi ukljuili odreene alate iz .NET framework-a, na poetku fajla se pomou rei using dodaje dati namespace. Npr. u namespace-u System.Windows.Forms se nalaze dugmii, ekboksevi, forme, ... im se kreira nova Windows Forms aplikaciju, IDE e ukljuiti neophodne namespace-ove. Kada se iz menija izabere Build Build Solution (F6), razvojno okruenje kompajlira program pomou kompajlera. To je alat koji ita kod programa i pretvara ga u izvrni fajl. Izvrni fajl koji se kreira ima ekstenziju .exe. Prilikom bildovanja programa, izvrni fajl se kreira u bin folderu u okviru foldera gde se nalazi i aplikacija.

    Ako se iz menija odabere Debug Start Debugging, razvojno okruenje e kompajlirati program i pokrenuti izvrni fajl. Ovakvo pokretanje programa omoguava napredne alate pomou kojih je mogue zaustaviti izvravanje programa u odreenim mestima, kako bi se videlo ta se deava u kodu. Kada se pokrene program, on se izvrava na operativnom sistemu (Windows). Meutim izmeu Windows-a i programa postoji dodatni sloj koji se zove Common Language Runtime (CLR). Nekada je programiranje bilo dosta tee jer su programeri morali da razmiljaju o hardveru i programiranju na mnogo niem nivou organizacije raunara. Programeri nisu mogli da znaju kako e neko organizovati sopstveni raunar. CLR koji se esto predstavlja kao

  • virtuelna maina, radi odreena posredovanja izmeu hardvera i programa. CLR radi dosta stvari umesto programera, kao to je npr. upravljanje kompjuterskom memorijom, rad sa stekom, ... To su stvari koje su programeri nekada morali da rade sami a to je zahtevalo dosta vremena i truda.

    Meni bar

    Komande za upravljanje razvojnim okruenjem, kao i za razvoj, odravanje i izvravanje programa se nalaze u menijima koji se nalaze u meni baru. Izgled meni bara zavisi od toga ta se trenutno radi u razvojnom okruenju. Meni sadri grupe srodnih komandi, koje kada se selektuju, nalau IDE-u da izvri odreenu akciju (otvori prozor, sauva fajl, pokrene program, ...).

    U meni baru se nalaze i sledei meniji:

    File - sadri komande za otvaranje, zatvaranje, dodavanje i uvanje projekta, kao i za tampanje podataka vezanih za program i naputanje Visual Studio-a

    Edit - sadri komande za editovanje programa, kao to su cut, copy, paste, undo, redo, delete, find i select

    View - sadri komande za prikazivanje pomonih prozora (Solution Explorer, Toolbox, Properties, ...) kao i dodavanje i uklanjanje Toolbar-ova

    Project - sadri komande za upravljanje projektima i njihovim fajlovima

    Build - sadri komande za kompajliranje programa

    Debug - sadri komande za debugging (identifikovanje i ispravljanje problema koji su se pojavili u programu) i pokretanje programa

    Data - sadri komande za interakciju sa bazom

    Format - sadri komande za araniranje i menjanje kontrola na formi. Ovaj meni se prikazuje samo kada je odabrana GUI komponenta u dizajn pogledu

    Tools - sadri komande za pristup dodatnim IDE alatima kao i opcije koje omoguavaju da prilagodimo IDE

    Window - sadri komande za upravljanje prozorima i prikazivanje prozora

    Help - sadri komande za pristup pomoi

    Navigacija kroz Visual Studio

    Prozori koji se najee koriste prilikom razvoja C# aplikacija su:

    Solution Explorer

    Properties

    Toolbox

    Solution Explorer omoguava pristup ka svim fajlovima u projektima. Projekat koji se pokree se naziva Startup projekat. Ako postoji vie projekata u datom solution-u, moe se odabrati startni projekat tako to se desnim tasterom mia kliknuti na njega i iz menija koji se otvori odabere Set as StartUp Project. Za solution koji ima samo jedan projekat u sebi, startni

  • projekat je i jedini projekat. Ukoliko ovaj prozor nije prikazan, iz menija se bira View Solution Explorer.

    Toolbox sadri ikone koje predstavljaju kontrole koje se koriste da bi prilagodili formu. Koristei vizuelno programiranje mogue je prevlaiti kontrole na formu (drag and drop) to je jednostavnije i bre nego da se kreiraju pomou GUI koda. Korienje postojeih kontrola uva vreme i novac kada se razvija neka aplikacija. Toolbox sadri grupe srodnih kontrola. On sadri preko 65 predefinisanih kontrola koje se mogu koristiti u Visual Studio-u. Ukoliko ovaj prozor

    nije prikazan iz menija se bira View Toolbox.

  • Properties prozor prikazuje osobine trenutno selektovane forme, kontrole ili fajla u dizajn

    pogledu. On prikazuje informacije o formi ili kontroli kao to su veliina, boja, pozicija, ... Svaka forma ili kontrola ima svoj skup osobina. Opis osobine je prikazan pri dnu prozora kad god se

    neka osobina selektuje. Ukoliko ovaj prozor nije prikazan treba iz menija odabrati View Properties Window.

  • Automatski kreirani fajlovi

    im se kreira novi projekat Windows aplikacije, razvojno okruenje kreira Form1.cs, Form1.Designer.cs i Program.cs fajlove. Ovi fajlovi su kreirani iz predefinisanog ablona koji sadri osnovni kod za kreiranje i prikazivanje forme. Templejt koji je odabran prilikom kreiranja C# aplikacije je Window Forms Application (strana 1). Fajlovi se vide u Solution Explorer

    prozoru:

    Form1.cs - sadri C# kod koji definie ponaanje forme

    Form1.Designer.cs - sadri kod koji definie formu i objekte na njoj

    Program.cs - sadri kod koji pokree program i prikazuje formu

    Dodavanje kontrola

    Dodavanje kontrola i kreiranje korisnikog interfejsa u Visual Studio-u je veoma lako. Da bi se dodalo dugme na formu potrebno je kliknuti na Toolbox koji se nalazi sa leve strane i u

    njemu odabrati Button. Klikom na formu ova kontrolu se dodaje na nju. IDE je dodao novi kod u

    fajl Form1.Designer.cs. Svaki put kada se promeni neka osobina kontrole na formi, IDE zapisuje

    izmene u fajl Form1.Designer.cs.

  • Kreiranje aplikacije

    Kreirati aplikaciju koja kao ulaz prima podatke o imenu i prezimenu studenta, smeru koji

    je student upisao, godini studija na kojoj je student trenutno, datum roenja studenta i pol studenta. Ove podatke ispisati kao poruku u novom prozoru.

    Reenje

    Poto su nam poznati podaci koje treba da uzmemo od korisnika aplikacije, prvo emo kreirati korisniku formu. Za potrebe forme koristiemo sledee komponente:

    labele

    tekstualna polja

    kombo polje

    kontrolu za upravljanje datumom

    radio dugme

    dugme

    Prvi korak je dodavanje jedne labele (Label) na formu. Da bi promenili osobine labele,

    potrebno je da kliknemo levim tasterom mia na nju, a zatim u njenom prozoru Properties naemo osobinu Text i dodelimo joj vrednost "Ime studenta". Osobinu Name emo postaviti na lblStudentName.

    Sledei korak je dodavanje tekstualnog polja (TextBox) iz Toolbox-a. Ovo polje emo dodati desno od labele lblStudentName. Osobine tekstualnog polja takoe menjamo iz njegove stranice sa osobinama. Osobinu Name emo postaviti na txtFirstName.

  • Isti postupak emo ponoviti za jo dve labele i jo dva tekstualna polja. Imena labela su lblLastName i lblCourse, a njihove osobine Text su respektivno "Prezime" i "Smer". Imena

    tekstualnih polja su txtLastName i txtCourse.

    Nakon ovoga emo dodati jo jednu labelu ije e ime biti lblYearOfStudy a ijoj je osobini Text dodeljena vrednost "Godina studija" i jedno kombo polje (ComboBox) iju emo osobinu Name postaviti na cbxYearOfStudy.

  • Nakon ovoga emo dodati jednu kontrolu za upravljanje datumom (DateTimePicker) i labelu. Osobine labele emo postaviti tako da je ime lblDateOfBirth a tekst "Datum rodjenja". Osobine komponente za datum emo postaviti na sledei nain: Format Custom; CustomFormat dd.MM.yyyy; Name dtDateOfBirth.

    Posle kontrole za upravljanje datum dodajemo radio kontrolu (RadioButton) koja

    omoguava da se izabere jedna od ponuenih opcija i jednu labelu. Osobine labele emo postaviti na sledei nain: Name lblGender; Text Pol. Osobine radio kontrole emo postaviti na sledei nain: Name rbMale; Text Muski; Checked True. Osobine druge radio kontrole emo postaviti na sledei nain: Name rbFemale; Text Zenski.

  • Poslednji korak je dodavanje dugmeta (Button). Njegove osobine emo postaviti na sledei nain: Name btnShow; Text Prikazi. Pored ovoga moemo promeniti i naslov forme tako to emo kliknuti na formu i podesiti sledeu opciju: Text Podaci o studentu.

    Kada smo dodali sve kontrole na formu potrebno je dodati funkcionalnost. Da bi povezali

    dugme sa dogaajem klika potrebno je da dvokliknemo levim tasterom mia na samo dugme. Nakon toga se prikazuje stranica sa kodom u koju moemo uneti funkcionalnost.

    private void btnShow_Click(object sender, EventArgs e)

    {

    }

  • U obradu dogaaja btnShow_Click upisujemo sledei kod:

    Da bi se imali podatke u kombo kontroli, u nju dodajemo vrednosti u konstruktoru.

    Izgled konstruktora "Form1" je dat u nastavku:

    Nakon uraenih izmena moemo pokrenuti aplikaciju. Za pokretanje iz menija

    izaberemo Debug Start Debugging.

    private void btnShow_Click(object sender, EventArgs e)

    {

    string firstName = txtFirstName.Text;

    string lastName = txtLastName.Text;

    string course = txtCourse.Text;

    string yearOfStudy = cbxYearOfStudy.SelectedItem.ToString();

    int day = dtDateOfBirth.Value.Day;

    int month = dtDateOfBirth.Value.Month;

    int year = dtDateOfBirth.Value.Year;

    string gender = "";

    if (rbMale.Checked)

    {

    gender = rbMale.Text;

    }

    else

    {

    gender = rbFemale.Text;

    }

    MessageBox.Show("Student: " + firstName + " " + lastName + "\n" +

    "Godina rodjenja: " + year + "\n" +

    "Pol: " + gender + "\n" +

    "Godina studija: " + yearOfStudy + "\n" +

    "Smer: " + course);

    }

    public Form1()

    {

    InitializeComponent();

    cbxYearOfStudy.Items.Add("prva");

    cbxYearOfStudy.Items.Add("druga");

    cbxYearOfStudy.Items.Add("treca");

    cbxYearOfStudy.Items.Add("cetvrta");

    cbxYearOfStudy.SelectedItem = cbxYearOfStudy.Items[0];

    }

  • Zadatak za domai:

    Napraviti aplikaciju koja kao ulaze prima vrednosti za tri stranice trougla i ispisuje poruku koliki

    su obim i povrina trougla.