24/25 Programiranje 4

Da ponovimo, iz prethodne godine:

Vizuelno programiranje je metoda razvoja softvera u kojoj programeri koriste grafičke elemente za kreiranje korisničkog interfejsa (UI), kao što su dugmad, polja za unos teksta, oznake, slike i druge kontrole. Umesto pisanja koda za svaki element, programer ih postavlja direktno na formu i koristi grafički alat za upravljanje njihovim svojstvima i događajima.

Ono što karakteriše vizuelno programiranje je Grafički interfejs: Programer može vizuelno dizajnirati izgled aplikacije pomoću „drag-and-drop“ metode. Time se postiže brza izgradnja aplikacija: Razvoj aplikacija je brži jer se osnovni korisnički interfejs kreira vizuelno, bez potrebe za mnogo ručnog koda. Ključna je još i Interakcija sa događajima: Učenici mogu lako kreirati aplikacije koje reaguju na korisničke interakcije (klik miša, unos podataka, i slično).

Primeri platformi za vizuelno programiranje:

• Visual Studio (Windows Forms, WPF)
• Android Studio (za Android aplikacije)
• Xcode (za iOS aplikacije)

Komponente vizuelnog programiranja u C# (Windows Forms):

1. Forme: Osnovni prozor aplikacije. Svaka aplikacija počinje sa glavnom formom koja se može proširivati dodavanjem novih formi.
2. Kontrole: Elementi korisničkog interfejsa kao što su dugmad (Button), polja za unos teksta (TextBox), oznake (Label), i drugi elementi koji omogućavaju interakciju sa korisnikom.
3. Događaji (Events): Akcije koje pokreću određeni kod, na primer, klik na dugme (Click event) ili unos teksta u tekstualno polje (TextChanged event).

Kako radi Windows Forms aplikacija?

• Korisnik kreira formu i postavlja kontrole na nju.
• Kontrole se podešavaju kroz svojstva (npr. naziv dugmeta, veličina forme, boja pozadine).
• Kod povezan sa događajima omogućava da aplikacija reaguje na interakcije korisnika.

Koraci za kreiranje prve Windows Forms aplikacije:

1. Pokretanje Visual Studio-a: Otvoriti Visual Studio i napraviti novi projekt.

   • Create a new project.  -> Windows Forms App (.NET Framework).
   • Dodeliti ime projektu i klik na Create.

2. Dodavanje kontrola na formu:

   • Na praznu formu (Form1) mogu da se dodaju kontrole poput dugmeta, oznake i tekstualnog polja.
   • Otvoriti Toolbox (sa leve strane) i jednostavno prevući kontrole na formu.

3. Podešavanje svojstava kontrola:

   • Klik na kontrolu (npr. dugme) i u prozoru Properties menjati svojstva kao što su Text (tekst na dugmetu), Size (veličina), i Name (naziv kontrole).

4. Povezivanje događaja sa kontrolama:

   • Na dugme možeda se doda događaj Click kako bi se kod pokrenuo kada se klikne dugme.
   • Dvostrukim klikom na dugme automatski se kreira događaj button1_Click u kodu.

private void button1_Click(object sender, EventArgs e)
{
    // Kod koji se izvršava kada se dugme klikne
    label1.Text = "Kliknuto je dugme!";
}