Formulários pop-up do Power Apps para uma experiência de usuário interativa

Neste tutorial, mostrarei como criar um formulário pop-up do Power Apps e como eles podem oferecer uma experiência de usuário mais personalizada e interativa. Você pode assistir ao vídeo completo deste tutorial na parte inferior deste blog.

Os pop-ups do Power Apps de formulário são ferramentas muito poderosas para você fornecer uma experiência personalizada para seus usuários e permitir que eles validem algo que estão prestes a fazer em um banco de dados subjacente.

Por exemplo, se você acessar seu iPhone e tentar excluir um aplicativo, ele perguntará se você tem certeza de que deseja excluí-lo. A razão para isso é criar uma interface do usuário muito boa que contenha etapas de validação para garantir que você deseja executar a ação que fará.

Faremos a mesma coisa no Power Apps. É um pouco difícil de fazer no Power Apps nativamente porque o modo como o Power Apps funciona é que você tem elementos que vão para a tela. Você não pode ter uma tela sobreposta em outra tela. Então, o que fazemos é usar um método de agrupamento para imitar isso. Vamos agora entrar no Power Apps e mostrar como isso é feito.

Índice

• Como criar um pop-up do Power Apps de formulário
• Conclusão

Como criar um pop-up do Power Apps de formulário

Vamos pular para o Editor do Power Apps. Neste exemplo, estou criando um aplicativo de relatórios de despesas para minha empresa. No lado esquerdo da tela, tenho uma galeria com todas as minhas despesas. Posso clicar em uma despesa e obter mais informações sobre ela no lado direito.

Podemos ver mais informações sobre esse relatório de despesas, como a descrição, o valor, a categoria, o status e assim por diante.

Além disso, posso clicar em Editar e, na parte inferior, há um ícone de lixeira que também permite excluir esse registro.

Agora, quero criar um pop-up de formulário para que, se um usuário entrar e excluir um registro, apareça uma caixa de mensagem para confirmar se o usuário realmente deseja excluir o registro ou não.

A primeira coisa que vou fazer é adicionar um retângulo que cobrirá toda a tela. Vai parecer que a tela está um pouco desbotada apenas para espelhar a aparência de uma tela em cima da outra.

Então, irei para Insert , então irei para Icons, e irei até a parte inferior para Rectangle. Vou garantir que o retângulo cubra toda a tela.

A próxima coisa que vou fazer é mudar a cor desta forma para cinza escuro. Em seguida, irei para a propriedade Fill deste retângulo. Temos o vermelho, o verde e o azul, mas também temos o valor alfa, que representa a opacidade ou a transparência. Faremos a transparência 0.7, então parece que está meio desbotada.

Em seguida, adicionaremos outro retângulo, que será nossa caixa pop-up. Em seguida, adicionaremos um rótulo, que é uma espécie de aviso para o usuário. Podemos alterar as cores e ajustar o tamanho da fonte.

Agora, queremos mostrar ao usuário o registro que ele realmente excluirá. Portanto, queremos valores, como o nome, o valor e provavelmente a categoria do relatório de despesas que eles estão prestes a excluir.

Para fazer isso, vamos voltar ao nosso rótulo e adicionaremos o nome, a quantidade e a categoria. O registro que queremos mostrar é baseado no registro que foi selecionado na galeria subjacente. A galeria subjacente aqui é chamada de Galeria 1 . Assim, o nome do item que foi selecionado na galeria um é simplesmente Gallery1.Selected.Title . O valor será Gallery1.Selected.Amount , e para a categoria, será Gallery1.Selected.Status.Value

Em seguida, adicionaremos dois botões. Um botão será basicamente Delete e o outro será apenas Go Back . Ajustaremos a cor e o tamanho também.

Agora, precisamos garantir que, quando alguém clicar no ícone da lixeira ou da lixeira, ele não exclua o registro, mas mostre esta caixa pop-up. Para conseguir isso, vamos destacar todas as coisas em nossa caixa pop-up, clique com o botão direito do mouse e selecione Group .

Essa é uma das grandes vantagens do Power Apps. Permite-nos agrupar elementos. Com isso, criou um grupo chamado Group1 .

O legal disso é que se você modificar a propriedade de um grupo, por exemplo, a visibilidade, isso afetará todas as outras propriedades. É muito bom ter algo assim que se encaixa. É ótimo agrupá-los porque podemos controlar todas as propriedades desses elementos de uma só vez.

Por exemplo, queremos controlar a visibilidade de todas essas propriedades e torná-las “falsas” por enquanto, ele desaparece.

Agora, vamos tentar selecionar o ícone do lixo, e como você pode ver quando ele é selecionado, ele faz todas essas funções, e essas funções basicamente garantem que o registro foi excluído. Mas não queremos isso. Então, vamos copiar isso por enquanto e colocá-lo em um bloco de notas vazio, apenas para que seja salvo em algum lugar. Esta é a função real que criamos para excluir o registro e simplesmente a excluiremos.

E agora, criaremos uma nova variável que controlará quando o formulário realmente aparecer. Vamos chamar essa variável de função set. Vamos nomear nossa variável, ConfirmPopUp , e vamos defini-la como true.

Em seguida, selecionaremos o grupo e definiremos a propriedade de visibilidade para essa variável, que é ConfirmPopUp. Como está definido como verdadeiro, vemos tudo.

A próxima coisa que vamos fazer é clicar em Voltar, e teremos uma ação associada a clicar nisso. Quando alguém seleciona isso, queremos que a visibilidade do Grupo1 seja falsa.

Em seguida, precisamos alterar a ação OnSelect do botão Delete para executar as funções que salvamos no bloco de notas.

A última coisa que precisamos fazer é depois que alguém clicar no botão Excluir, também queremos nos livrar do pop-up. Assim, adicionaremos outra ação e definiremos a variável ConfirmPopUp como false. E é assim que você usaria pop-ups no Power Apps.

Microsoft Power Apps: Agrupando elementos
Ambientes de Power Apps: Configurando os elementos do aplicativo corretamente
Power Apps: Introdução a esta ferramenta revolucionária

Conclusão

Um motivo para usar pop-ups do Power Apps é criar uma experiência personalizada para seus usuários. Outra é criar algum tipo de validação para seus usuários também porque é benéfico para eles.

Trata-se de criar uma interface de usuário para seus usuários, de modo que eles não precisem acessar a lista ou banco de dados subjacente do SharePoint e se confundir com a edição e exclusão de certas coisas. Eles podem fazer isso na segurança de uma IU que você criou para eles, para que não estraguem nada. Os pop-ups de formulário são uma ferramenta poderosa para conseguir isso.

Deixe-me saber se você tem alguma dúvida e deixe comentários na seção de comentários abaixo.

Tudo de bom!

henrique