03.11.2025

GUI (Graphical User Interface) u Visual Studiju je ono što programiranje čini vidljivim i „živim“. Umesto dosadnih crnih prozora s tekstom, GUI omogućava da napraviš pravu aplikaciju — sa dugmadima, poljima za unos, slikama i menijima koje korisnik može da klikće. U C++-u se to najčešće radi pomoću Windows Forms-a ili WPF-a, a Visual Studio sve to znatno olakšava. Umesto da sve pišeš ručno, jednostavno prevučeš elemente na formu, podesiš im boje, veličinu i tekst, i odmah vidiš rezultat. Visual Studio ti pomaže da sve izgleda uredno, nudi automatsko poravnavanje i pregled dizajna u realnom vremenu. Uz to, možeš da dodaš biblioteke i efekte kako bi tvoja aplikacija izgledala profesionalno.

Visual Studio uključuje brojne vizuelne alate (dizajnere) koji pomažu u razvoju aplikacija. Ovi alati omogućavaju programerima da lakše kreiraju, uređuju i povezuju elemente korisničkog interfejsa i logiku aplikacije.

Windows Forms dizajner
Windows Forms dizajner koristi se za izradu GUI aplikacija pomoću Windows Forms tehnologije. Raspored elemenata može se kontrolisati tako što se kontrole smeštaju unutar drugih kontejnera ili zaključavaju za ivice forme. Kontrole koje prikazuju podatke (kao što su tekstualna polja, liste i tabele) mogu se povezati sa izvorima podataka kao što su baze podataka ili upiti. Takve kontrole moguće je jednostavno kreirati prevlačenjem elemenata iz prozora Data Sources na površinu za dizajn. Korisnički interfejs povezan je s kodom pomoću modela programiranja zasnovanog na događajima. Dizajner automatski generiše C# ili VB.NET kod za aplikaciju.
WPF dizajner
WPF dizajner (kodnog imena Cider) uveden je u Visual Studio 2008. godine. Kao i Windows Forms dizajner, koristi „drag and drop“ princip. Namenjen je izradi korisničkih interfejsa za Windows Presentation Foundation (WPF) i podržava sve njegove funkcije, uključujući data binding i automatsko upravljanje rasporedom elemenata. Generiše XAML kod koji opisuje korisnički interfejs, a taj kod je kompatibilan sa Microsoft Expression Design alatom. XAML datoteka se povezuje s kodom u pozadini kroz tzv. code-behind model.

Zadatak 1

Zadatak 2

​

Zadatak 3

​

Zadatak 4

​

Zadatak 5

​