Bem-vindo de volta à série de desenvolvimento do Windows Phone 7.5 Mango App. No último tutorial nós dizemos como aplicar estilo e temas aos controles, neste tutorial veremos uma maneira de navegar entre as páginas e passar os dados de uma página para outra.
Carregamos páginas XAML em aplicativos do Silverlight assim como carregamos páginas HTML em um navegador da web. Como em um site, cada site tem sua própria URL exclusiva (Unified Resource Locator), por exemplo, www.thewindowsclub.com. Em um aplicativo do Windows Phone 7.5, usamos um controle Button de hiperlink e usamos sua propriedade NavigateURI com o URI (Unified Resource Identifier) da página XAML que você deseja carregar. Então, vamos começar com um exemplo.
Crie um novo projeto com um nome exclusivo como "NavigationDemo". Em seguida, clique com o botão direito do mouse no nome do projeto no gerenciador de soluções e selecione Incluir e, em seguida, Novo Item. Na janela Adicionar Novo Item, selecione "Página Retrato do Windows Phone", dê a ele um nome como Page1.xaml e clique no botão Adicionar na parte inferior. Isso criará uma nova página mostrada em uma guia separada na área de design principal. Apenas para esclarecer, altere o título da página da nova página para "Nova página" alterando a propriedade Text do TextBlock do Título da página. Em seguida, na guia MainPage.xaml, arraste e solte um botão de hiperlink na área de design. Agora altere a propriedade NavigateUri na janela Propriedades para o botão Hiperlink. Insira a seguinte string
/NavigationDemo;component/Views/Page1.xaml
Agora, execute o aplicativo e clique no botão de hiperlink mostrado no emulador. Você será direcionado para Page1.xaml a partir de MainPage.xaml.
Então agora, em continuação ao nosso projeto, vamos arrastar e soltar um TextBlock na página Page1.xaml. Limpe a propriedade TextBlock.Text e insira o seguinte código C # no evento PhoneApplicationPage_Loaded.
textBlock1.Text = String.Format ("Valor: {0}", NavigationContext.QueryString ["id"]);
Então, nesta linha de código, usamos o NavigationContext, que nos dá acesso ao URL, especificamente a querystring. Nós especificamos o item que desejamos acessar nos colchetes.
Antes de executarmos o aplicativo, alteraremos a propriedade NavigateUri do botão de hiperlink para o seguinte
/NavigationDemo;component/Views/Page1.xaml?id=1
Vamos também arrastar e soltar outro botão de hiperlink no MainPage.xaml e definir sua propriedade navigateUri para o seguinte
/NavigationDemo;component/Views/Page1.xaml?id=2
Agora, quando você executar o aplicativo e clicar em um botão de hiperlink no emulador, poderemos ver o valor do id passado de MainPage.xaml. É fácil navegar entre páginas em um aplicativo do Windows Phone 7. Continue praticando até você acertar. Agora vamos aprender sobre como trabalhar com a barra de aplicativos.
