Üdvözöljük vissza a Windows Phone 7.5 Mango App fejlesztői sorozathoz. Az utolsó bemutatóban azt mondhatjuk, hogyan alkalmazzuk a stílusokat és a témákat az ellenőrzésekhez. Ebben a bemutatóban látni fogjuk az egyik módot az oldalak közötti navigálás és az oldalról a másikra történő átadásra.
Az XAML oldalakat a Silverlight alkalmazásokba betölti, ahogy a webböngészőben HTML oldalakat töltünk be. Mint egy weboldalon, minden weboldalnak saját URL-je van (Unified Resource Locator), például a www.thewindowsclub.com. A Windows Phone 7.5 alkalmazásban hiperhivatkozás gombvezérlést használunk, és NavigateURI tulajdonságát a betöltött XAML oldal URI-jával (Unified Resource Identifier) használjuk. Így kezdünk egy példával.
Hozzon létre egy új projektet, amelynek egyedi neve, például a "NavigationDemo". Ezután kattintson a jobb egérgombbal a projektnévre a megoldáskezelőben, és válassza a Hozzáadás, majd az Új elem lehetőséget. Az Új elem hozzáadása ablakban válassza a "Windows Phone Portré" lapot, adja meg azt a nevet, mint a Page1.xaml, majd kattintson a Hozzáadás gombra az alján. Ez létrehoz egy új oldalt, amely a fő tervezési területen egy külön lapon látható. Csak az egyértelműség érdekében változtassa meg az új oldal címét az "Új oldal" -ra az Oldal cím TextBlock szöveges tulajdonságának megváltoztatásával. Ezután a MainPage.xaml lapon húzza és húzza ki a hiperlink gombot a tervezési területen. Most módosítsa a NavigateUri tulajdonságot a Hyperlink gombra a Tulajdonságok ablakban. Helyezze be a következő szöveget
/NavigationDemo;component/Views/Page1.xaml
Most futtassa az alkalmazást, és kattintson az emulátorban látható hiperhivatkozás gombra. A MainPage.xaml webhelyről a Page1.xaml oldalra navigál.
Tehát most a projektünk folytatásaként húzzunk egy TextBlock-ot a Page1.xaml oldalon. Törölje a TextBlock.Text tulajdonságot, és helyezze be a következő C # kódot a PhoneApplicationPage_Loaded eseménybe.
textBlock1.Text = String.Format ("Value: {0}", NavigationContext.QueryString ["id"]);
Tehát ebben a kódsorban használjuk a NavigationContext-ot, amely hozzáférést biztosít az URL-hez, különösen a querystringhez. Megadjuk azt a tételt, amelyet a szögletes zárójelben szeretnénk elérni.
Mielőtt futtatnánk az alkalmazást, megváltoztatjuk a hyperlink gomb NavigateUri tulajdonságát a következőre
/NavigationDemo;component/Views/Page1.xaml?id=1
A MainPage.xaml webhelyen egy másik hiperhivatkozás gombját is húzni és letenni, és a navigateUri tulajdonságot a következő
/NavigationDemo;component/Views/Page1.xaml?id=2
Most, amikor futtatod az alkalmazást, és kattints a hiperhivatkozás gombra az emulátorban, láthatjuk a MainPage.xaml-ből átadott azonosító értékét. Így könnyű navigálni az oldalak között egy Windows Phone 7 alkalmazásban. Folytassa azt gyakorolni, amíg meg nem kapja. Most pedig megtudhatja, hogyan működik az Alkalmazássáv.
