Tervetuloa takaisin Windows Phone 7.5 Mango App -kehityssarjaan. Viimeisessä opetusohjelmassa sanomme, kuinka tyyliä ja teemoja sovelletaan ohjaimilla, tässä oppaassa näemme yhden tavan navigoida sivujen välillä ja välittää tietoja sivulta toiseen.
Ladataan XAML-sivuja Silverlight-sovelluksissa samalla kun lataamme HTML-sivuja selaimessa. Kuten verkkosivustolla, kaikilla verkkosivustoilla on oma URL-osoite (Unified Resource Locator), esimerkiksi www.thewindowsclub.com. Windows Phone 7.5 -sovelluksessa käytämme hyperlinkkipainikkeen hallintaa ja käytämme NavigateURI-ominaisuutta XAML-sivun URI-tunnuksella (Unified Resource Identifier), jonka haluat ladata. Aloitetaan siis esimerkin avulla.
Luo uusi projekti, jolla on ainutlaatuinen nimi, kuten "NavigationDemo". Napsauta hiiren kakkospainikkeella projektin nimeä ratkaisun etsimessä ja valitse Lisää ja sitten Uusi kohde. Valitse Lisää uusi kohde -ikkunassa Windows Phone Portrait -sivu, anna sille nimi, kuten Page1.xaml ja napsauta sitten alaosassa olevaa Lisää-painiketta. Tämä luo uuden sivun, joka näkyy pääosassa erillisellä välilehdellä. Vain selkeyden vuoksi uuden sivun otsikon muuttaminen sivulle "Uusi sivu" muuttamalla sivun otsikon TextBlock-tekstin ominaisuutta. Seuraavaksi MainPage.xaml-välilehdessä vedä ja pudota hyperlinkkipainike suunnittelualueella. Muuta nyt NavigateUri-ominaisuutta Hyperlink-painikkeen Ominaisuudet-ikkunassa. Lisää seuraava merkkijono
/NavigationDemo;component/Views/Page1.xaml
Käynnistä sovellus ja napsauta emulaattorissa näkyvää hyperlinkkipainiketta. Sinut ohjataan osoitteeseen Page1.xaml MainPage.xaml.
Joten jatkamme projektimme vetämällä ja pudottamalla TextBlock-sivua Page1.xaml -sivulla. Tyhjennä TextBlock.Text-ominaisuus ja lisää seuraava C # -koodi PhoneApplicationPage_Loaded -tapahtumaan.
textBlock1.Text = String.Format ("Arvo: {0}", NavigationContext.QueryString ["id"]);
Joten tässä koodin rivissä käytämme NavigationContextia, joka antaa meille pääsyn URL-osoitteeseen, erityisesti kyselytunnukseen. Määritämme kohde, jonka haluamme käyttää hakasulkeissa.
Ennen kuin suoritamme sovelluksen, vaihdamme hyperlinkkipainikkeen NavigateUri-ominaisuuden seuraaviin
/NavigationDemo;component/Views/Page1.xaml?id=1
Vedämme ja pudotamme myös toisen hyperlinkkipainikkeen MainPage.xaml: ssä ja asetamme sen navigateUri-ominaisuuden seuraaviin
/NavigationDemo;component/Views/Page1.xaml?id=2
Nyt kun suoritat sovelluksen ja napsautat hyperlinkkipainiketta emulaattorissa, voimme nähdä MainPage.xaml: stä kulkevan tunnuksen arvon. Tämä on helppoa selata sivuja Windows Phone 7 -sovelluksessa. Pidä harjoitella sitä, kunnes saat sen oikein. Nyt voit oppia työskentelemään sovelluspalkin kanssa.
