Dobrodošli natrag na seriju razvoja aplikacija za Windows Phone 7.5 Mango. U posljednjem udžbeniku kažemo kako primijeniti stil i teme na kontrole, u ovom vodiču vidjet ćemo jedan način navigacije između stranica i donošenje podataka s jedne na drugu.
Učitavamo XAML stranice u programima Silverlight kao što učitavamo HTML stranice u web pregledniku. Kao što je na web stranici svaka web stranica ima svoj jedinstveni URL (Unified Resource Locator) na primjer www.thewindowsclub.com. U aplikaciji za sustav Windows Phone 7.5 upotrebljavamo kontrolu gumba hiperveze i upotrebljavamo svoj NavigateURI entitet s URI (Unified Resource Identifier) XAML stranice koju želite učitati. Započnimo s primjerom.
Izradite novi projekt s jedinstvenim imenom poput "NavigationDemo". Zatim desnom tipkom miša kliknite naziv projekta u Exploreru rješenja i odaberite Dodaj, a zatim Nova stavka. U prozoru Dodaj novu stavku odaberite 'stranicu portreta telefona Windows Phone', dati mu ime kao što je Page1.xaml, a zatim na dnu kliknite gumb Dodaj. Time će se stvoriti nova stranica prikazana na zasebnoj kartici u glavnom području dizajna. Samo zbog jasnoće promijenite naslov stranice nove stranice na "Nova stranica" promjenom svojstva teksta naslova stranice TitleBlock. Dalje na kartici MainPage.xaml povucite i ispustite gumb hiperveze na području dizajna. Sada promijenite svojstvo NavigateUri u prozoru Svojstva za gumb Hyperlink. Umetnite sljedeći niz
/NavigationDemo;component/Views/Page1.xaml
Sada pokrenite program i kliknite gumb hiperveze prikazan u emulatoru. Naći ćete stranicu Page1.xaml s usluge MainPage.xaml.
Tako ćemo sada nastaviti s našim projektom povući i ispustiti TextBlock na stranicu Page1.xaml. Očisti svojstvo TextBlock.Text i umetnite sljedeći C # kod u događaj PhoneApplicationPage_Loaded.
textBlock1.Text = String.Format ("Value: {0}", NavigationContext.QueryString ["id"]);
Dakle, u ovoj liniji koda koristimo NavigationContext koji nam daje pristup URL-u, konkretno querystringu. Navodimo stavku koju želimo pristupiti u kvadratnim zagradama.
Prije pokretanja aplikacije promijenit ćemo značajku NavigateUri gumba hiperveze na sljedeće
/NavigationDemo;component/Views/Page1.xaml?id=1
Također ćemo povući i ispustiti drugu vezu hiperveze u MainPage.xaml i postaviti njezin sadržaj navigateUri na sljedeće
/NavigationDemo;component/Views/Page1.xaml?id=2
Sada kada pokrenete aplikaciju i kliknete gumb hiperveza u emulatoru moći ćemo vidjeti vrijednost ida koji je prošao s MainPage.xaml. Tako je jednostavna navigacija između stranica u aplikaciji za sustav Windows Phone 7. Držite ga trenirajte sve dok ne dobijete ispravno. Sada saznajte više o radu s programskom trakom.
