Pag-navigate sa Pagitan ng Mga Pahina XAML: Windows Phone 7.5 Pag-unlad ng Mango Apps - Bahagi 21

Maligayang pagdating pabalik sa serye ng pag-unlad ng Windows Phone 7.5 Mango App. Sa huling tutorial na sinasabi namin kung paano mag-apply ng estilo at tema sa mga kontrol, sa tutorial na ito ay makikita namin ang isang paraan ng pag-navigate sa pagitan ng mga pahina at pagpasa ng data mula sa pahina papunta sa isa pa.

Naglo-load kami ng mga pahina ng XAML sa mga application ng Silverlight tulad ng pag-load namin ng HTML mga pahina sa isang web browser. Tulad ng sa isang website bawat website ay may sariling natatanging URL (Pinag-isang Resource Locator) halimbawa www.thewindowsclub.com. Sa isang Windows Phone 7.5 Application, gumagamit kami ng hyperlink Button control at gamitin ang NavigateURI property nito kasama ang URI (Unified Resource Identifier) ​​ng XAML page na nais mong i-load. Kaya`t magsimula tayo sa isang halimbawa.

Gumawa ng isang bagong proyekto na may natatanging pangalan tulad ng `NavigationDemo`. Susunod, i-right-click ang pangalan ng proyekto sa explorer ng solusyon at piliin ang Magdagdag at pagkatapos ay Bagong Item. Sa window ng Magdagdag ng Bagong Item piliin ang `pahina ng Portrait ng Windows Phone`, bigyan ito ng isang pangalan tulad ng Page1.xaml at pagkatapos ay i-click ang Magdagdag ng button sa ibaba. Ito ay lilikha ng isang bagong pahina na ipinapakita sa isang hiwalay na tab sa pangunahing lugar ng disenyo. Para lamang sa kaliwanagan ay baguhin ang pamagat ng pahina ng bagong pahina sa `Bagong pahina` sa pamamagitan ng pagbabago sa ari-arian ng Teksto ng Pahina ng Pamagat ng TextBlock. Susunod sa drag MainPage.xaml tab at i-drop ang isang pindutan ng hyperlink sa lugar ng disenyo. Baguhin ngayon ang NavigateUri property sa window ng Properties para sa pindutan ng Hyperlink. Ipasok ang sumusunod na string

/NavigationDemo;component/Views/Page1.xaml

Ngayon patakbuhin ang application at i-click ang pindutan ng hyperlink na ipinapakita sa emulator. Ikaw ay navigate sa Page1.xaml mula sa MainPage.xaml.

Ngayon upang magpadala ng impormasyon mula sa isang pahina papunta sa isa pang ginagamit namin ang isang Querystring. Kaya isaalang-alang ang isang URL tulad ng www.abcxyz.com/images.aspx?id=3&language=en. Narito ang lahat ng bagay matapos ang markang tanong ay tinatawag na querystring. Maaari mong mapansin na mayroon kaming dalawang pares ng halaga ng pangalan, viz., Id = 3 at languae = en. Ang ampersand ay nagbibigay-daan sa amin upang magdagdag ng iba`t ibang mga piraso ng impormasyon, sa kasong ito id at wika.

Kaya ngayon sa pagpapatuloy sa aming proyekto ay i-drag namin at i-drop ang isang TextBlock sa pahina ng Page1.xaml. I-clear ang property ng TextBlock.Text at ipasok ang sumusunod na code ng C # sa kaganapan ng PhoneApplicationPage_Loaded.

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

Kaya sa linyang ito ng code ginagamit namin ang NavigationContext na nagbibigay sa amin ng access sa URL, partikular ang querystring. Tinukoy namin ang item na nais naming ma-access sa square brackets.

Bago patakbuhin namin ang application babaguhin namin ang NavigateUri property ng pindutan ng hyperlink sa sumusunod na

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

Mag-drag din kami at mag-drop ng isa pang hyperlink button sa MainPage.xaml at itakda ang navigateUri property sa sumusunod

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

Ngayon kapag ikaw patakbuhin ang application at i-click ang isang hyperlink button sa emulator makikita namin ang halaga ng id naipapasa mula sa MainPage.xaml. Iyan ay kung gaano kadali ang pag-navigate sa pagitan ng mga pahina ay nasa isang Windows Phone 7 Application. Panatilihin itong pagsasanay hanggang sa makuha mo ito ng tama. Hinahayaan ka ngayon na malaman ang tungkol sa pagtatrabaho sa Application Bar.