Bug Online

Jedna od udarnih mogućnosti prve verzije Silverligtha bila je jednostavna mogućnost izrade video i inih multimedijskih playera. Tada se jednostavnost svodila na to da vam je Expression Encoder, jedan od programa u paketu Expression Studio, sâm generirao player koji ste kasnije mogli prilagoditi svojim potrebama, bilo vizualno, bilo funkcionalno.

Danas i dalje postoji ta mogućnost, no kako smo odlučili rabiti isključivo besplatne alate (odnosno Visual Web Developer s instaliranim Silverlight 3 Tools), nema nam druge nego stvar napraviti ručno. Srećom, to je u posljednoj verziji znatno jednostavnije nego prije, pa će nam ove dvije stranice biti taman dovoljne za osnovne funkcionalnosti i još pokoju zanimljivost sa strane.

Zapravo, bilo bi nam dovoljno i puno manje mjesta, no budući da se radi tek o prvom projektiću, namjerno sam izabrao nešto ultrajednostavno, kako bismo usput mogli naučiti neke osnove izrade aplikacija u Silverlightu.

Priprema, pozor...

Počinjemo, kao i uvijek, kreiranjem novog projekta (v. prošli nastavak za detalje). Pripazite na odabir programskog jezika (C#) i tipa projekta (Silverlight Application) te pristanite na kreiranje ASP.NET Web Sitea koji će nam pojednostaviti razvoj. Samu Silverlight aplikaciju kasnije ionako možete prebaciti na bilo koju drugu web stranicu.

Nakon uspješnog kreiranja projekta, otvorite stranicu MainPage.xaml. Najbitniji predefinirani tag na toj stranici jest Grid, koji označava tip layouta koji ćemo rabiti za svoju aplikaciju. Tri su osnovna tipa layouta. Već spomenuti Grid zapravo je svojevrsni pandan tablice u HTML-u - definirate broj stupaca i redova, a elemente potom slažete u neko od polja. Primjera radi, definirate tablicu s tri stupca i tri reda te zatim kreirate elemente za koje specificirate u kojem će se redu i u kojem stupcu nalaziti. StackPanel nešto je jednostavniji za korištenje jer elemente koje sadrži jednostavno slaže jedan do drugoga u niz, horizontalno ili vertikalno. Drugim riječima, ako definirate vertikalni StackPanel i u njega stavite krug, pravokutnik i trokut, on će ih prikazati upravo tim redom, jedan ispod drugoga. Treći tip layouta definira se Canvasom - to je podučje za slobodno pozicioniranje elemenata. Za svaki navedete na kojim se koordinatama nalazi (primjerice, 100 piksela od vrha i 200 piksela od lijevog ruba) i on će se upravo ondje pojaviti.