Kontor

Navigering mellem XAML Sider: Windows Phone 7.5 Mango Apps Development - Del 21

Offroad navigation mellem 2 stationer.

Offroad navigation mellem 2 stationer.
Anonim

Velkommen tilbage til Windows Phone 7.5 Mango App-udviklingsserien. I den sidste vejledning siger vi, hvordan man anvender stil og temaer til kontroller. I denne vejledning ses en måde at navigere mellem sider og overføre data fra side til anden.

Vi indlæser XAML-sider i Silverlight-applikationer, ligesom vi læser HTML sider i en webbrowser. Som på et websted har hver hjemmeside sin egen unikke URL (Unified Resource Locator) for eksempel www.thewindowsclub.com. I et Windows Phone 7.5-program bruger vi en hyperlink Button kontrol og bruger sin NavigateURI egenskab med URI (Unified Resource Identifier) ​​på den XAML side, du vil indlæse. Så lad os komme i gang med et eksempel.

Opret et nyt projekt med et unikt navn som `NavigationDemo`. Højreklik derefter på projektnavnet i løsningsopdageren, og vælg Tilføj og derefter Nyt element. Vælg vinduet Tilføj nyt emne `Windows Phone Portrait Page`, giv det et navn som Page1.xaml og klik derefter på Tilføj knappen nederst. Dette vil oprette en ny side vist på en separat fane i hoveddesignområdet. Bare for at gøre klarhed ændres sidetitel på den nye side til `Ny side` ved at ændre tekstegenskaben for sidetiteltekstblokken. Træk og slip derefter en hyperlinkknap i designområdet på fanen MainPage.xaml. Nu skal du ændre NavigateUri-ejendommen i vinduet Egenskaber for hyperlink-knappen. Indsæt følgende streng

/NavigationDemo;component/Views/Page1.xaml

Kør nu programmet og klik på hyperlink-knappen, der vises i emulatoren. Du vil blive navigeret til Page1.xaml fra MainPage.xaml.

Nu for at sende information fra en side til en anden bruger vi en querystring. Så overvej en URL som www.abcxyz.com/images.aspx?id=3&language=en. Her hedder alt efter spørgsmålstegnet spørgsmålet. Du kan bemærke, at vi har to navneværdipar, nemlig id = 3 og languae = da. Ampersand giver os mulighed for at tilføje forskellige informationstyper, i dette tilfælde id og sprog.

Så nu i forlængelse af vores projekt vil vi trække og slippe en tekstblock på siden1.xaml siden. Ryd TekstBlock.Text-ejendommen og indsæt følgende C # -kode i PhoneApplicationPage_Loaded-hændelsen.

textBlock1.Text = String.Format ("Værdi: {0}", NavigationContext.QueryString ["id"]);

Så I denne kode kode bruger vi NavigationContext, som giver os adgang til webadressen, specifikt forespørgselsstrengen. Vi angiver det element, som vi ønsker at få adgang til i firkantede parenteser.

Før vi kører applikationen, ændrer vi NavigateUri-ejendommen til hyperlink-knappen til følgende

/NavigationDemo; Component/Views/Page1.xaml?id = 1

Vi vil også trække og slippe en anden hyperlink-knap i MainPage.xaml og indstille dens navigateUri egenskab til følgende

/NavigationDemo;component/Views/Page1.xaml?id=2

Nu når du Kør applikationen og klik på en hyperlink-knap i emulatoren, vi vil kunne se værdien af ​​id`et, der blev sendt fra MainPage.xaml. Det er så nemt at navigere mellem sider i et Windows Phone 7-program. Fortsæt at øve det, indtil du får det rigtigt. Nu kan vi lære at arbejde med applikationslinjen.