Aplicație Win 8 în 10 zile – #8 appbars and databases

Azi vom învăța despre un alt aspect foarte important pentru aplicațiile Windows 8: AppBars

screenshot_12192013_191814

O să am două feluri de AppBar: Top și Bottom. Cele de sus o să funcționeze precum o navigare rapidă și ușoară între categoriile aplicației și cele de jos o să fie folosite pentru a da submit unei probleme sau pentru a ajuta dezvoltatorii să adauge noi întrebări.

Top AppBar

Începem cu partea de sus (în NewGame.xaml) pentru că este mai ușoară și are mai puțin cod, în xaml am nevoie doar să declar că folosesc TopAppBar, în interior o să folosesc un AppBar care va fi compus dintr-un stackpanel orientat pe orizontală care va conține 6 stackpanel-uri orientate pe verticală. Fiecare din aceste 6 stackpanel-uri o să aibă Imaginea reprezentativă și un test sub. Codul final:
După cum vedeți imaginea răspunde la event-ul de Tap, acesta este foarte ușor de făcut pentru că eu vreau doar să navighez. Când am învățam să navigăm în ziua 1 am observat că trimitem și un parametru. Același lucru trebuie să facem și acum: this.Frame.Navigate(typeof(NewGame), ((Image)sender).Name); În funcție de imaginea pe care am dat tap o să navighez la pagina NewGame trimițând ca parametru proprietatea Name.

Bottom AppBar

În ItemsPage.xaml o să creez BottomAppBar-ul meu, în xaml codul este foarte asemănător:
Singurul lucru despre care vreau să vorbesc este proprietatea Icon. Codul, denumirea și imaginea propriuzisă pentru fiecare icon pot fi găsite aici: http://msdn.microsoft.com/en-us/library/windows/apps/jj841126.aspx

La partea de cod e puțin mai mult de vorbit, o să am nevoie de două pagini (BasicPage) la care doar voi naviga atunci când cineva dă click pe icon-ul meu.

Pentru moment iau o pauză de la Visual Studio și intru în Azure și creez alte două tabele, le vom denumi problem și newQ. (detalii despre crearea unui tabel în ziua 7).

De asemenea trebuie menționat că nu trebuie să populăm tabelul nostru cu atributele pe care le vom popula. Acestea se vor crea automat în momentul când introduc ceva în tabel.

Send new question

În primul rând am nevoie de o clasă newQ pentru întrebările pe care urmează să mi le trimită utilizatorul:
Pagina de submitQuestion în xaml va fi compusă din 5 TextBlock-uri (pentru întrebare și cele patru variante de răspuns) și 6 RadioButtons pentru a alege categoria la care să dau submit.
Când dau click pe butonul Trimite se va apela metoda sendInfo pe care o vom trata în .xaml.cs:




Leave a Comment

Blog

Recent posts