PD 1- Alterando a transição entre páginas no Windows Phone

Olá caro leitor,

dependendo dos objetivos da aplicação, são necessários alguns meios de interação com usuário ao alterar uma página e outra. Por padrão, no windows phone temos a transição padrão que altera a página apenas retirando a visibilidade de uma pagina e habilitando a de outra. Para otimizar essa transição é possível utilizar um recurso do WPToolkit.

Instalando o WPToolkit.
A instalação pode ser feita pelo Package Manager Console, conforme a imagem abaixo. Tools/NuGet Package Manager/Package Manager Console. Ao abrir a janela digite:

Install-Package WPToolkit e pressione enter. Feito isso irá instalar os pacotes necessários e vincular a sua app.

Após a instalação acesse o arquivo App.xaml.cs e no método InitializePhoneApplcation altere a linha onde contém:
RootFrame= new PhoneApplicationFrame(); para RootFrame = new TransitionFrame();

Em todas as paginas do seu projeto, adicione o namespace do WPToolkit, exemplo:

<phone:PhoneApplicationPage
xmlns:toolkit="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls.Toolkit">

</phone:PhoneApplicationPage>
E dentro da tag Phone:PhoneApplicationPage insira:
<toolkit:TransitionService.NavigationInTransition>
<toolkit:NavigationInTransition>
<toolkit:NavigationInTransition.Backward>
<toolkit:TurnstileTransition Mode="BackwardIn"/>
</toolkit:NavigationInTransition.Backward>
<toolkit:NavigationInTransition.Forward>
<toolkit:TurnstileTransition Mode="ForwardIn"/>
</toolkit:NavigationInTransition.Forward>
</toolkit:NavigationInTransition>
</toolkit:TransitionService.NavigationInTransition>
<toolkit:TransitionService.NavigationOutTransition>
<toolkit:NavigationOutTransition>
<toolkit:NavigationOutTransition.Backward>
<toolkit:TurnstileTransition Mode="BackwardOut"/>
</toolkit:NavigationOutTransition.Backward>
<toolkit:NavigationOutTransition.Forward>
<toolkit:TurnstileTransition Mode="ForwardOut"/>
</toolkit:NavigationOutTransition.Forward>
</toolkit:NavigationOutTransition>
</toolkit:TransitionService.NavigationOutTransition>

Feito isso, para indicar uma nova página use: NavigationService.Navigate(new Uri(“NovaPagina.Xaml”)), dependendo do cenário irá utilizar um efeito diferente do padrão.

Obrigado pela leitura,
Até a proxima.

Deixe uma resposta

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s