Navigálás XAML között Oldalak: Windows Phone 7.5 Mango Alkalmazások fejlesztése - 21. rész

Üdvözöljük a Windows Phone 7.5 Mango App fejlesztői sorozatban. Az utolsó bemutatóban azt mondhatjuk, hogyan alkalmazzuk a stílusokat és témákat az ellenőrzésekhez, ebben a bemutatóban látni fogjuk az egyik módját az oldalak közötti navigálás és az oldalról a másikra történő átvitelre.

Az XAML oldalakat a Silverlight alkalmazásokba töltjük, ahogy betölti a HTML oldalak egy webböngészőben. 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 kezdjük el a példát.

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ő sztringet

/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álhat.

Most, hogy információt küldjön egyik oldalról a másikra, használjuk a Querystring-et. Tehát fontolja meg az URL-t, mint a www.abcxyz.com/images.aspx?id=3&language=en. Itt minden a kérdőjel után a querystring. Megfigyelhetjük, hogy két névértékpárunk van, azaz id = 3 és languae = en. Az ampersand lehetővé teszi számunkra, hogy különböző információkat, ebben az esetben id és nyelvet adunk hozzá.

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"]);

Szóval 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 négyzetben szeretnénk elérni.

Az alkalmazás futtatása előtt a hyperlink gomb NavigateUri tulajdonságát a következő

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

Továbbra is húzunk egy másik hiperhivatkozást a MainPage.xaml fájlba, és beállítjuk a navigateUri tulajdonságát a következő

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

futtassa az alkalmazást, és kattintson egy hiperlink gombra az emulátorban, és megnézhetjük a MainPage.xaml-ből átadott id é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 megismerheti az Alkalmazássáv használatát.