Kancelář

Navigace mezi stránkami XAML: Windows Phone 7.5 Vývoj aplikací Mango Apps - část 21

Navigace v aplikaci

Navigace v aplikaci
Anonim

Vítejte zpět do vývojové řady aplikací Windows Phone 7.5 Mango App. V posledním tutoriálu řekneme, jak aplikovat styl a témata na ovládací prvky, v tomto tutoriálu uvidíme jeden způsob navigace mezi stránkami a předávání dat z jedné stránky do druhé.

Vkládáme stránky XAML do aplikací Silverlight, stejně jako načteme HTML ve webovém prohlížeči. Stejně jako na webové stránce má každá webová stránka svou jedinečnou adresu URL (Unified Resource Locator), například www.thewindowsclub.com. V aplikaci Windows Phone 7.5 používáme ovládací prvek hypertextového tlačítka a jeho vlastnost NavigateURI používáme s URI (Unified Resource Identifier) ​​stránky XAML, kterou chcete načíst. Takže začněte s příkladem.

Vytvořte nový projekt s jedinečným názvem, jako je `NavigationDemo`. Potom klepněte pravým tlačítkem myši na název projektu v Průzkumníku řešení a vyberte možnost Přidat a poté položku Nový. V okně Přidat novou položku vyberte stránku Windows Phone Portrét, zadejte název jako Page1.xaml a klepněte na tlačítko Přidat v dolní části. Tím vytvoříte novou stránku zobrazenou na samostatné kartě v hlavní oblasti návrhu. Pro změnu srozumitelnosti změňte název stránky nové stránky na "Nová stránka" změnou vlastností Text stránky TextBlock. Další na kartě MainPage.xaml přetáhněte tlačítko hypertextového odkazu v oblasti návrhu. Nyní změňte vlastnost NavigateUri v okně Vlastnosti pro tlačítko hypertextového odkazu. Vložte následující řetězec

/NavigationDemo;component/Views/Page1.xaml

Nyní spusťte aplikaci a klikněte na tlačítko hypertextového odkazu zobrazené v emulátoru. Budete navigováni na stránce Page1.xaml z MainPage.xaml.

Nyní s cílem odeslat informace z jedné stránky do druhé použijeme Querystring. Takže zvážit URL jako www.abcxyz.com/images.aspx?id=3&language=en. Zde se vše po otazníku nazývá querystring. Můžete si všimnout, že máme dvě páry hodnot jmen, tj. Id = 3 a languae = en. Ampersand nám dovoluje přidat různé informace, v tomto případě id a jazyk.

Takže v návaznosti na náš projekt přetáhneme TextBlock na stránku Page1.xaml. Zrušte vlastnost TextBlock.Text a vložte následující kód C # do události PhoneApplicationPage_Loaded.

textBlock1.Text = String.Format ("Hodnota: {0}", NavigationContext.QueryString ["id"]); v tomto řádku kódu používáme NavigationContext, který nám dává přístup k adrese URL, konkrétně dotazovacímu řetězci. Specifikujeme položku, kterou chceme získat v hranatých závorkách

Než spustíme aplikaci, změníme vlastnost NavigateUri tlačítka hypertextového odkazu na následující

/NavigationDemo; komponenta / Návrhy / Stránky. = 1

Budeme také přetahovat další tlačítko hypertextového odkazu do MainPage.xaml a nastavit jeho vlastnost navigateUri na následující

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

Nyní, když jste spustíme aplikaci a klikneme na tlačítko hypertextového odkazu v emulátoru, abychom mohli vidět hodnotu id předaného z MainPage.xaml. Tak snadná navigace mezi stránkami je v aplikaci Windows Phone 7. Pokračujte v procvičování, dokud se vám to nedaří. Nyní se dozvíte o práci s aplikačním pruhem