Windows Phone 8 în 10 zile – 2

Ieri am instalat Visual Studio 2013, Windows Phone SDK și v-am prezentat ideea. Azi facem design-ul aplicației aka scriem XAML. Deschid Visual Studio 2013, click pe File-> New -> Project. Selectez din partea stângă Visual C# -> Windows Phone și în partea dreaptă Windows Phone App.

În Solution Explorer, click dreapta pe numele proiectului -> Add -> New Item -> Windows Phone Portrait Page. Fac asta de trei ori și voi crea paginile: newGame.xaml , howTo.xaml și learn.xaml.

Click dreapta încă o dată pe numele soluției -> Add -> New Folder pe care-l voi denumi: Views. Mut în acest folder toate cele 3 xaml-uri pe care le-am creat.

Deschid MainPage.xaml din soluție, șterg totul din interiorul grid-ului principal și adaug următoarea bucată de cod:

Practic am creat 2 butoane care răspund la acțiunea de tap. Mă duc la primul event, dau click dreapta pe el și go to definition (scurtătură F12).

Event-ul fiecărui buton o să facă navigarea către xaml-urile (view-uri) pe care le-am creat la început. Știu avem 2 butoane și 3 view-uri, o să vedem mâine de ce.

Pentru moment, la eventul de tap pe care l-am creat în MainPage.xaml.cs scriu:

 NavigationService.Navigate(new Uri(“/Views/newGame.xaml”, UriKind.Relative));

Analog pentru eventul de tap al celuilalt buton, doar că o să îl trimit la learn.xaml nu la newGame.xaml

Nu este nevoie să scriu cod pentru a naviga înapoi (pentru butonul de back), acest lucru se face automat.

NewGame.xaml

Îmi imaginez pagina împărțită în trei: sus avem titlul paginii și scorul. În centru un TextBlock cu sinonimul pe care-l voi căuta și patru variante de răspuns iar în josul paginii un buton de share. Codul arată cam așa:

Learn.xaml

Pagina de learn.xaml o să fie împărțită, de asemenea, în trei părți: titlul sus, conținutul cuprins din cuvântul meu, trei sinonime (dacă e cazul) și, eventual, definiția din dex. În partea de jos a paginii o să am două butoane: pentru a da share și pentru a genera următorul cuvânt. Pagina arată cam așa:

În momentul de față o să am câteva erori. Ca să le rezolv mă duc la eventul de tap al fiecărui buton, dau click dreapta și Go to definition astfel creez și handler-ul în xaml.cs.

Final

Ultimul lucru pe care vreau să îl facem este să dăm aceeași culoare în întreaga aplicație, mă duc la Grid-ul principal din fiecare view și îi setez proprietatea Background=”#0072ff”. Mâine discutăm despre application bar și paginile pivot din cadrul aplicației noastre.

By: Adrian Coman