Visão geral do contexto de navegação do PowerApps

Neste tutorial, discutiremos o contexto da navegação do PowerApps. Estaremos usando as funções Voltar e Navegar para alterar qual tela é exibida em nossos aplicativos.

A maioria dos aplicativos contém várias telas. O fornecimento de navegação amigável do PowerApps permite que os usuários naveguem com eficiência por essas telas de aplicativos.

Na página de referência, vamos clicar em Navegar e ver o que ele faz.

A função Navegar altera a tela que é exibida. Teremos um exemplo para entender melhor como essa função funciona.

Índice

• Navegação do PowerApps usando a função Navigate
• Adicionando uma funcionalidade de edição para navegação do PowerApps
• Compreendendo a função Voltar na navegação do PowerApps
• Conclusão

Navegação do PowerApps usando a função Navigate

Primeiro, vamos clicar no primeiro cartão de dados ( Beau Spratling ).

Vá para o gatilho OnSelect e veremos que a função Navigate é usada para levar o usuário à tela especificada ( DetailScreen1 ). Isso significa que ao clicar neste cartão, ele nos levará para a DetailScreen1 .

Por outro lado, o segundo argumento é para o tipo de transição que queremos definir. Atualmente está definido como None .

Na página de referência, podemos ver as diferentes transições que podemos escolher e uma demonstração de cada uma delas.

Podemos alterar facilmente a transição de navegação clicando no cartão de dados novamente. Em seguida, clique no segundo argumento.

Depois disso, o ScreenTransition.None aparecerá.

Remova a palavra None no final e as diferentes opções de transição aparecerão abaixo. Para este exemplo, vamos usar a transição Fade . Tente reproduzir seu aplicativo e você verá como funciona a transição Fade .

Vamos agora clicar na seta dentro do nosso cartão de dados.

Podemos ver que sua trigger também é OnSelect e está selecionando o elemento Parent .

O elemento pai dessa seta está se referindo ao próprio cartão de dados. É usando a função Navigate que redireciona os usuários para a DetailScreen1 . Uma vez clicado, fará o mesmo que quando clicamos no cartão de dados.

Adicionando uma funcionalidade de edição para navegação do PowerApps

Agora, vamos tentar adicionar um símbolo de edição que nos redirecionará para a página de edição diretamente do nosso cartão de dados. Clique no elemento Separator5 em BrowseGallery1 .

Em seguida, clique nos ícones e selecione o ícone Editar .

Como o adicionamos dentro do BrowseGallery1 , ele se replica para cada cartão de dados dentro da galeria.

Vamos então mover o ícone ao lado do ícone de seta e redimensioná-lo até que fique um pouco menor.

Por padrão, esse ícone de edição também usou o gatilho OnSelect e a função Select de seu elemento pai. Então, clicando aqui, ele também nos redirecionará para a tela de detalhes.

Vamos mudar isso mudando a função para Navigate . Altere Select(Parent) para Navigate(EditScreen1) .

Definiremos o segundo argumento como ScreenTransition.UnCover . Certifique-se de separar os dois argumentos por uma vírgula ( , ).

Vamos agora jogar nossa aplicação.

Depois disso, clique no botão Editar .

Em seguida, seremos redirecionados para a tela de edição.

Compreendendo a função Voltar na navegação do PowerApps

Em nossa EditScreen1 , vamos clicar no botão X ao lado do título.

Neste exemplo, utilizamos a função ResetForm () junto com a função Back ().

Quando navegamos em algum lugar, o Microsoft PowerApps lembra a última tela que abrimos. Podemos navegar para a última tela usando a função Back() .

Por exemplo, usando esta função no botão X , podemos voltar facilmente à tela principal se acessarmos a tela de edição na tela principal. Se acessarmos a tela de edição desde a tela detalhada, o botão X nos levará de volta à tela detalhada.

Também podemos ler uma explicação mais detalhada da função Back() na página de referência da fórmula.

Fundamentos do Power Apps: ambiente de desenvolvimento e execução do seu aplicativo
Power Apps: introdução a esta ferramenta revolucionária

Conclusão

Resumindo, podemos aprender a importância e o contexto da navegação do PowerApps. Também conseguimos entender como as funções Voltar e Navegar funcionam em nosso aplicativo. Podemos especificar uma transição visual na fórmula para controlar como uma tela muda para outra.

Lembre-se de que é sempre importante fornecer aos usuários uma maneira eficiente de navegar pelas telas do aplicativo.

Tudo de bom,

henrique