Navigeren tussen XAML-pagina`s: Windows Phone 7.5 Mango Apps-ontwikkeling - Deel 21

Welkom terug bij de ontwikkelingsserie van de Windows Phone 7.5 Mango-app. In de laatste zelfstudie laten we zien hoe stijl en thema`s kunnen worden toegepast op besturingselementen. In deze zelfstudie zullen we een manier zien om tussen pagina`s te navigeren en gegevens van pagina naar andere door te geven.

We laden XAML-pagina`s in Silverlight-toepassingen net zoals we HTML laden pagina`s in een webbrowser. Net als op een website heeft elke website zijn eigen unieke URL (Unified Resource Locator), bijvoorbeeld www.thewindowsclub.com. In een Windows Phone 7.5-toepassing gebruiken we een Knopbesturing met hyperlink en gebruiken we de NavigateURI-eigenschap met de URI (Unified Resource Identifier) ​​van de XAML-pagina die u wilt laden. Dus laten we aan de slag gaan met een voorbeeld.

Maak een nieuw project met een unieke naam zoals `NavigationDemo`. Klik vervolgens met de rechtermuisknop op de projectnaam in de oplossingsverkenner en selecteer Toevoegen en vervolgens Nieuw item. Selecteer in het venster Nieuw item de pagina `Windows Phone Portrait`, geef deze een naam als Page1.xaml en klik onderaan op Toevoegen. Hiermee wordt een nieuwe pagina gemaakt op een apart tabblad in het hoofdontwerpgebied. Wijzig voor de duidelijkheid de paginatitel van de nieuwe pagina naar `Nieuwe pagina` door de eigenschap Text van het TextBlock-paginatitel te wijzigen. Vervolgens sleept u in het tabblad MainPage.xaml een hyperlinkknop in het ontwerpgebied. Wijzig nu de eigenschap NavigateUri in het venster Eigenschappen voor de hyperlinkknop. Voeg de volgende tekenreeks toe

/NavigationDemo;component/Views/Page1.xaml

Voer nu de toepassing uit en klik op de hyperlinkknop in de emulator. U wordt genavigeerd naar Page1.xaml vanuit MainPage.xaml.

Nu om informatie van de ene naar de andere pagina te verzenden, maken we gebruik van een Querystring. Overweeg dus een URL zoals www.abcxyz.com/images.aspx?id=3&language=nl. Hier wordt alles na het vraagteken de querystring genoemd. U kunt opmerken dat we twee paren van naamwaarden hebben, namelijk id = 3 en languae = en. Met het ampersand kunnen we verschillende stukjes informatie toevoegen, in dit geval id en taal.

Dus nu in vervolg op ons project zullen we een TextBlock slepen en neerzetten op de pagina Page1.xaml. Wis de TextBlock.Text -eigenschap en voeg de volgende C # -code in de gebeurtenis PhoneApplicationPage_Loaded in.

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

in deze coderegel gebruiken we de NavigationContext die ons toegang geeft tot de URL, met name de querystring. We specificeren het item waartoe we toegang willen tussen haakjes.

Voordat we de applicatie uitvoeren, zullen we de NavigateUri-eigenschap van de hyperlinkknop wijzigen in het volgende

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

We zullen ook een andere hyperlinkknop slepen en neerzetten in de MainPage.xaml en zijn navigateUri-eigenschap instellen op het volgende

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

Nu wanneer u voer de toepassing uit en klik op een hyperlinkknop in de emulator. We zullen in staat zijn om de waarde van de ID door MainPage.xaml te laten passeren. Dat is hoe gemakkelijk navigeren tussen pagina`s is in een Windows Phone 7-toepassing. Blijf het oefenen totdat je het goed hebt. Laten we nu meer leren over werken met de toepassingsbalk.