Lekcija 2

    Vaša prva Visual Basic aplikacija

Stvaranje aplikacije u Visual Basicu je veoma jednostavno. Koliko jednostavno? Kao odgovor, isprobajte "Zdravo, svijete" aplikaciju, koja slijedi.

Postoje tri glavna koraka pri stvaranju aplikacije u Visual Basicu:

  1. Stvaranje okruženja
  2. Postavljanje svojstava
  3. Pisanje programskog koda.

Da biste vidjeli kako se to radi, pratite korake iz sljedećih postupaka za stvaranje jednostavne aplikacije koja se sastoji od okvira s tekstom i naredbenog gumba. Kad kliknete na komandno dugme, poruka "Zdravo, svijete!" će se pojaviti u okviru s tekstom.

Stvaranje okruženja

Prvi korak u izgradnji Visual Basic aplikacije je stvaranje formi koje će biti temelj okruženja aplikacije. Nakon toga potrebno je kreirati objekte koji će opremiti stvorene forme. Za ovu prvu aplikaciju, koristit ćete dvije kontrole koje se na alatnom okviru (eng. Toolbox).

Dugme

 Kontrola

Okvir s tekstom (eng. TextBox)

 Okvir s tekstom (eng. TextBox)

Komandno dugme (eng. CommandButton)

 Komandno dugme (eng. CommandButton)

Kreiranje kontrole korištenjem alatnog okvira

  1. Kliknite alat kontrole koju želite kreirati - u ovom slučaju okvir s tekstom (eng. TextBox).
  2. Pomaknite kursor na vašu formu. Kursor će biti u obliku krstića.
  3. Dovedite krstić na mjesto gdje želite postaviti gornji lijevi ugao kontrole.
  4. Povlačite krstić sve dok kontrola ne bude imala željenu veličinu (povlačenje podrazumjeva držanje pritisnutog lijevog tastera miša).
  5. Otpustite taster miša. Kontrola će se pojaviti na formi:

Kreiranje kontrole na formi

Drugi jednostavan način dodavanja kontrole na formu je dvoklik na dugme za željenu kontrolu alatnom okviru (Toolboxu). Ovaj postupak će kreirati kontrolu unaprijed određene veličine na sredini forme, nakon toga možete pomaknuti kontrolu na željeni položaj na formi. A o tome, kako pomaknuti formu, i sledećoj lekciji.

Napravite isto i sa naredbenim dugmetom, da biste imali okruženje za "Zdravo, svijete!" aplikaciju kao što je prikazano na slici.

Okruženje za "Zdravo, svijete!" aplikaciju

Postavljanje svojstava

Sljedeći korak je postavljanje svojstava kontrola koje ste kreirali. Prozor sa svojstvima (eng. Properties Window) omogućuje jednostavan način postavljanja svojstava za sve objekte na formi.

Properties Window

Prozor sa svojstvima (Properties Window) sastoji se od sljedećih dijelova:

  1. Okvir s nazivom objekta - prikazuje ime objekta kojem ćete odrediti svojstva. Kliknite strelicu na desnoj strani ovog okvira za prikaz liste svih objekata trenutno odabrane forme
  2. Tabovi (jezičci) sa sortiranim svojstvima - odaberite između abecednog popisa svojstava ili hijerarhijskog popisa podijeljenog po logičkim kategorijama, kao što su upravljanje izgledom, fontom ili položajem
  3. Lista svojstava i njihove vrijednosti - lijeva kolona prikazuje sva svojstva odabranog objekta. U desnoj koloni možete vidjeti i promijeniti njihove vrijednosti.
  4. Opis svojstva - kratak opis trenutno izabranog svojstva

Kako promjeniti vrijednosti svojastava kontrole

  1. Kliknite na kontrolu kojoj želite promjeniti svojstva (u našem slučaju to su naredbeno dugme i/ili okvir sa tekstom)
  2. Sa liste svojstava odaberite klikom ono koje želite promijeniti
  3. U desnoj koloni, kliknite te upišite ili odaberite novu vrijednost svojstva

Neka svojstva imaju već unaprijed određenu listu mogućih vrijednosti koje su poredane po rednim brojevima. Ovu listu možete vidjeti klikom na strelicu na desnoj strani okvira u kojem je ispisana vrijednost, ili možete kružiti kroz listu dvoklikom na taj okvir.

Za primjer aplikacije "Zdravo, svijete!" trebat ćete promijeniti vrijednosti tri svojstva. Za ostala svojstva ostavite već određene vrijednosti.

Objekat

Svojstvo Vrijednost
Forma (Form) Caption Zdravo, svijete!
Okvir sa tekstom (TextBox) Text (prazno)
Naredbeno dugme (CommandButton) Caption OK

Pisanje programskog koda

Kodni prozor (Code Editor Window) je mjesto gdje upisujete programski kod svoje aplikacije. Kako otvoriti kodni prozor? Najbolje i najlakše dvoklikom na formu ili kontrolu kojoj želite upisati programski kod. Slika ispod prikazuje kodni prozor koji će se pojaviti kada dvaput kliknete na naredbeno dugme.

Kodni prozor (eng. Code Editor Window)

Upišite sljedeći programski kod između naredbi Sub i End Sub. Kasnije će biti riječi o tome zašto se upisuje baš ovaj kod.

Text1.Text = "Zdravo, svijete!"

Dakle, to bi trebalo izgledati ovako:

Private Sub Command1_Click ()
Text1.Text = "Zdravo, svijete!"
End Sub

Pokretanje aplikacije

Za pokretanje aplikacije kliknite na naredbu Start u meniju Run ili pritisnite F5 na tastaturi. Kliknite na naredbeno dugme koji ste kreirali na formi, i vidjet ćete tekst "Zdravo, svijete!" ispisan u okviru s tekstom (slika ispod).

Zdravo, svijete!

Downloaduj ovaj primjer

Predhodna lekcija - Sledeća lekcija

Početak > Vodič kroz Visual Basic > Lekcija 2