Formulários e cartões de dados do Power Apps na tela de detalhes

Neste tutorial, mostrarei como funcionam os formulários e cartões de dados do Power Apps na tela de detalhes.

Um dos maiores benefícios do uso do Power Apps é a facilidade de uso para quem cria o aplicativo. Mas um benefício ainda maior é ter controle sobre a eficiência da experiência para os usuários do seu aplicativo. Isso é algo que este tutorial pode abordar.

Índice

• Explorando a tela de detalhes
• Painel de propriedades de formulários do Power Apps
• Alterar nomes de exibição em formulários e cartões de dados do Power Apps
• Conclusão

Explorando a tela de detalhes

Primeiro, vamos para a tela de detalhes. Basta ir ao painel esquerdo e escolher o item certo em Telas.

Quando estiver na tela de detalhes, você verá vários elementos aparecendo abaixo dela. Nesse caso, há um formulário de detalhes aparecendo. Este formulário cobre o grande retângulo no aplicativo contendo todas as informações.

O título da página também é um elemento dentro da tela de detalhes, que se chama LblAppName2. No aplicativo real, é aqui que diz Tabela 1.

O aplicativo também mostra vários ícones como a seta para a esquerda, o ícone da lixeira e o ícone de edição. Como você pode ver no painel esquerdo, cada ícone também é representado por itens individuais em DetailScreen1.

Há também uma barra de ação bem no topo, onde o título e os ícones são encontrados. Observando a lista à esquerda, isso é representado pelo item RectQuickActionBar2.

Quando eu clicar no formulário de detalhes à esquerda, você verá os cartões de dados aparecendo abaixo dele. Cada uma dessas cartas tem um valor e uma chave.

A chave representa o nome da coluna na fonte de dados, enquanto o valor é o registro real na coluna.

Painel de propriedades de formulários do Power Apps

Cada elemento em seus formulários do Power Apps tem um conjunto de propriedades que você pode ajustar conforme necessário. Essas propriedades são simples o suficiente para entender e podem ajudar bastante em termos de melhorar a aparência e o funcionamento do seu aplicativo.

Bem no topo da lista de Propriedades, você verá a fonte de dados. Aqui, mostra que estamos obtendo nossos dados de aplicativo da Tabela 1. Também discuti como adicionar uma fonte de dados aos seus Power Apps em um tutorial anterior.

O próximo item da lista é chamado de Campos.

Quando você clica no botão que diz “Editar campos”, ele mostra uma lista completa dos diferentes campos do aplicativo.

Você pode facilmente mover esses campos. Então, digamos que queremos o nome e o sobrenome no topo, por exemplo.

Basta selecionar o campo e arrastá-lo pela lista até chegar ao local desejado. Como você pode ver, a ordem dos campos no próprio aplicativo também mudou automaticamente.

Essa é outra grande vantagem do Power Apps. Você nem precisa fazer nenhuma codificação. Tudo é intuitivo. Você só precisa arrastar e soltar elementos e ativar ou desativar algumas coisas.

Para tornar os campos do aplicativo mais lógicos, colocarei número do cliente, nível VIP, número do passaporte, local, data de ingresso e nome do agente após o nome e o sobrenome.

Você notará que cada campo oferece a opção de expandir ainda mais cada item.

Isso abre ainda mais opções sobre como cada campo pode ser personalizado.

Observar o sobrenome, por exemplo, oferece a opção de visualizar esse campo específico como texto, número de telefone, e-mail ou rich text.

Vamos ao número do passaporte para tentar. Vou alterar o tipo de controle e torná-lo um número de telefone.

No momento em que faço isso, o número do passaporte muda para um link que disca automaticamente o número quando clico nele.

Isso significa que, quando este aplicativo estiver funcionando, você poderá entrar em contato diretamente com cada pessoa diretamente de dentro do aplicativo, desde que tenha o número de contato no formulário.

Voltando ao painel Propriedades à direita, há várias outras opções de personalização disponíveis.

Por exemplo, eu poderia dividir os dados do formulário em várias colunas por meio desse menu suspenso.

Portanto, se eu escolher duas colunas, ele dividirá os campos na tela de detalhes em duas colunas.

Há uma opção aqui para tornar campos específicos visíveis ou invisíveis apenas ativando ou desativando este item.

Outras coisas que podem ser alteradas em Propriedades seriam as cores e bordas, entre outras coisas.

Alterar nomes de exibição em formulários e cartões de dados do Power Apps

Desta vez, vamos dar uma olhada nos nomes de exibição no aplicativo. Observe que não há espaços entre os nomes. Então vemos FirstName, LastName, CustomerNumber, etc.

Isso ocorre porque cada um desses nomes corresponde aos seus nomes de coluna no arquivo Excel aqui que serve como fonte de dados.

Obviamente, não queremos que os usuários vejam os nomes de exibição dessa maneira. Para facilitar a leitura, vamos alterar esses nomes de exibição e escrevê-los no formato adequado.

Primeiro, clique no cartão de dados correspondente. Vou começar com FirstName. Novamente, vemos que há um valor e uma chave dentro desta carta.

Conforme mencionado anteriormente, a chave é baseada no nome da coluna na fonte de dados.

Depois que o elemento certo estiver destacado no aplicativo, clique em Avançado no painel direito.

Aqui, vemos que o texto mostra Parent.DisplayName.

Isso nos diz que está se baseando no campo pai, que é FirstName_DataCard1. Se verificarmos o nome de exibição, ele mostra o valor “FirstName”.

Em outras palavras, a chave do cartão de dados está usando qualquer nome de exibição ditado pelo próprio cartão de dados.

Existem duas maneiras de mudar isso. A primeira e mais fácil maneira é simplesmente destacar o cartão de dados pai e adicionar um espaço no nome de exibição. Como você pode ver, isso altera automaticamente o nome no próprio aplicativo. Agora mostra "Nome" em vez de "Nome".

A segunda maneira de fazer isso envolve substituir a fórmula dinâmica na chave do cartão de dados por uma fórmula estática.

Certificando-me de que DataCardKey4 está realçado, que é a chave sob o cartão de dados para o Nome, vou excluir a fórmula Parent.DisplayName e alterá-la para “Nome 1”. Novamente, isso altera automaticamente o nome de exibição no próprio aplicativo.

Haverá momentos em que os cartões estarão bloqueados e você não poderá alterar nada. Você pode verificar se um cartão está bloqueado procurando o ícone de cadeado.

Como o Sobrenome está bloqueado, vou realçar esse cartão e ir para Avançado. Há uma opção aqui que diz "Desbloquear para alterar as propriedades".

Depois de clicar nele, ele agora permitirá que eu altere o Sobrenome e adicione um espaço no nome de exibição. Novamente, farei isso acessando o cartão pai e alterando o nome de exibição.

Vou fazer a mesma coisa para todos os outros campos. Depois que todos tiverem sido alterados, você verá que toda a tela de detalhes agora é mais fácil de ler.

Introdução ao Power Apps: definição, recursos, funções e importância
Configuração do ambiente do Power Apps: conectar-se ao OneDrive e ao Google Drive
Ambientes do Power Apps: configurar os elementos do aplicativo corretamente

Conclusão

O Power Apps é realmente uma ótima plataforma que qualquer pessoa pode usar para tornar os dados mais acessíveis a diferentes usuários. A facilidade de uso que você viu aqui não se aplica apenas aos formulários e cartões de dados do Power Apps. O mesmo pode ser dito para todas as outras funções que esta plataforma possui.

Eu criei outros tutoriais que podem ajudá-lo a dominar o Power Apps passo a passo. Depois de aprender os meandros dessa plataforma, você poderá apreciar mais uma ótima maneira de fornecer dados ao seu público-alvo.

Tudo de bom,

henrique