Vitajte späť v sérii vývoja aplikácií Windows Phone 7.5 Mango App. V poslednom výučbe hovoríme, ako aplikovať štýl a témy na ovládacie prvky, v tomto návode uvidíme jeden spôsob navigácie medzi stranami a prechod dát z jednej stránky na druhú.
Nakoľko načítavame stránky XAML v aplikáciách Silverlight, ako načítavame stránky HTML vo webovom prehliadači. Rovnako ako na webovej stránke má každá webová stránka vlastnú jedinečnú adresu URL (Unified Resource Locator), napríklad www.thewindowsclub.com. V aplikácii Windows Phone 7.5 používame ovládač tlačidiel hypertextového prepojenia a používame jeho vlastnosť NavigateURI s URI (Unified Resource Identifier) stránky XAML, ktorú chcete načítať. Takže začnime s príkladom.
Vytvorte nový projekt s unikátnym názvom ako 'NavigationDemo'. Potom kliknite pravým tlačidlom myši na názov projektu v programe Explore Explorer a vyberte Pridať a potom položku Nová položka. V okne Pridať novú položku zvoľte "Windows Phone Portrait", zadajte jej ako Page1.xaml a potom kliknite na tlačidlo Pridať v spodnej časti. Vytvorí sa nová stránka zobrazená na samostatnej karte v hlavnej oblasti návrhu. Pre zmenu jasu zmenite názov stránky novej stránky na "Nová stránka" zmenou vlastnosti Text titulku TextBlock. Ďalej na karte MainPage.xaml presuňte a pusťte tlačidlo hypertextového odkazu v oblasti návrhu. Teraz zmeňte vlastnosť NavigateUri v okne Vlastnosti pre tlačidlo Hyperlink. Vložte nasledujúci reťazec
/NavigationDemo;component/Views/Page1.xaml
Teraz spustite aplikáciu a kliknite na tlačidlo hypertextového odkazu zobrazené v emulátore. Zobrazí sa stránka Page1.xaml zo stránky MainPage.xaml.
Takže v nadväznosti na náš projekt budeme pretiahnuť TextBlock na stránku Page1.xaml. Zrušte vlastnosť TextBlock.Text a vložte nasledujúci kód C # do udalosti PhoneApplicationPage_Loaded.
textBlock1.Text = String.Format ("Hodnota: {0}", NavigáciaContext.QueryString ["id"]);
Takže v tomto riadku kódu používame NavigationContext, ktorý nám dáva prístup k URL, konkrétne reťazci dotazu. V hranatých zátvorkách určujeme položku, ku ktorej chceme pristupovať.
Pred spustením aplikácie zmeníme vlastnosť NavigateUri hypertextového prepojenia na nasledujúce
/NavigationDemo;component/Views/Page1.xaml?id=1
Budeme tiež presúvať ďalšie tlačidlo hypertextového odkazu v MainPage.xaml a nastaviť jeho navigateUri vlastnosť na nasledujúce
/NavigationDemo;component/Views/Page1.xaml?id=2
Teraz, keď spustíte aplikáciu a kliknete na tlačidlo hypertextového prepojenia v emulátore, budeme môcť vidieť hodnotu id preneseného z MainPage.xaml. Jednoduchá navigácia medzi stránkami je v aplikácii Windows Phone 7. Pokračujte v cvičení, až kým nebudete mať pravdu. Teraz sa dozviete o práci s panelom aplikácií.
