Navegação entre páginas XAML: Windows Phone 7.5 Desenvolvimento de aplicativos de mango - Parte 21

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 nós veremos uma maneira de navegar entre páginas e passar dados de uma página para outra.

Nós carregamos páginas XAML em aplicações Silverlight assim como carregamos HTML páginas 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 de 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 maior clareza, 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 seqüência de caracteres

/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.

Agora, para enviar informações de uma página para outra, fazemos uso de um Querystring. Portanto, considere uma URL como www.abcxyz.com/images.aspx?id=3&language=en. Aqui tudo depois do ponto de interrogação é chamado de querystring. Você pode notar que temos dois pares de valores nominais, ou seja, id = 3 e languae = en. O "e" comercial nos permite adicionar diferentes informações, neste caso id e idioma

Então, agora, em continuação ao nosso projeto, arrastaremos e soltaremos 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 ("Value: {0}", NavigationContext.QueryString ["id"]);

nessa linha de código, usamos o NavigationContext que nos dá acesso ao URL, especificamente a querystring. 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

Também arrastaremos e soltaremos outro botão de hiperlink em MainPage.xaml e definiremos sua propriedade navigateUri para o seguinte

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

Agora, quando você executar o aplicativo e clique em um botão de hiperlink no emulador, poderemos ver o valor do id passado de MainPage.xaml. É assim que a navegação entre as páginas é fácil em um aplicativo do Windows Phone 7. Continue praticando até você acertar. Agora vamos aprender sobre como trabalhar com a barra de aplicativos.