Kontor

Navigering mellan XAML Sidor: Windows Phone 7.5 Mango Apps Development - Del 21

Using a Windows Phone, 5 years later

Using a Windows Phone, 5 years later
Anonim

Välkommen tillbaka till Windows Phone 7.5 Mango App-utvecklingsserien. I den sista handledningen säger vi hur man applicerar stil och teman till kontroller. I denna handledning kommer vi att se ett sätt att navigera mellan sidor och överföra data från sida till annan.

Vi laddar XAML-sidor i Silverlight-applikationer precis som vi laddar HTML sidor i en webbläsare. Som på en webbplats har varje webbplats en egen unik URL (Unified Resource Locator) till exempel www.thewindowsclub.com. I en Windows Phone 7.5 Application använder vi en hyperlink Button Control och använder dess NavigateURI-egenskap med URI (Unified Resource Identifier) ​​på XAML-sidan som du vill ladda. Så låt oss börja med ett exempel.

Skapa ett nytt projekt med ett unikt namn som "NavigationDemo". Högerklicka sedan på projektnamnet i lösningsutforskaren och välj Lägg till och sedan Nytt föremål. I fönstret Lägg till nytt objekt markerar du "Windows Phone Portrait Page", ge det ett namn som Page1.xaml och klicka sedan på Lägg till knapp längst ner. Detta skapar en ny sida som visas på en separat flik i huvuddesignområdet. För tydlighet ändrar du sidtiteln på den nya sidan till "Ny sida" genom att ändra Textegenskap för Sidtiteltekstblock. Nästa i fliken MainPage.xaml dra och släpp en hyperlänksknapp i designområdet. Ändra nu egenskapen NavigateUri i fönstret Egenskaper för hyperlänksknappen. Infoga följande sträng

/NavigationDemo; Component/Views/Page1.xaml

Kör nu programmet och klicka på hyperlänksknappen som visas i emulatorn. Du kommer att navigeras till Page1.xaml från MainPage.xaml.

Nu för att skicka information från en sida till en annan använder vi en Querystring. Så överväga en URL som www.abcxyz.com/images.aspx?id=3&language=en. Här heter allt efter frågetecknet frågesträngen. Du kan märka att vi har två namnvärdespar, nämligen, id = 3 och languae = sv. Ampersand tillåter oss att lägga till olika bitar av information, i det här fallet id och språk.

Så nu i fortsättningen till vårt projekt kommer vi att dra och släppa en TextBlock på sidan1.xaml sidan. Rensa egenskapen TextBlock.Text och sätt in följande C # -kod i händelsen PhoneApplicationPage_Loaded.

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

Så I denna kodlinje använder vi NavigationContext som ger oss tillgång till webbadressen, specifikt frågesträngen. Vi anger det objekt som vi önskar få tillgång till i fältet.

Innan vi kör programmet kommer vi att ändra egenskapen NavigateUri på hyperlänksknappen till följande

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

Vi kommer också dra och släppa en annan hyperlänksknapp i MainPage.xaml och ställa in dess navigateUri-egenskap till följande

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

Nu när du kör programmet och klicka på en hyperlänksknapp i emulatorn så kommer vi att kunna se värdet på det identifierade IDet från MainPage.xaml. Det är så enkelt att navigera mellan sidor finns i en Windows Phone 7-applikation. Fortsätt öva det tills du får det rätt. Nu kan vi lära oss mer om att arbeta med programfältet.