Galerias do PowerApps: uma introdução

Neste tutorial, mostrarei o básico das galerias do PowerApps. Uma galeria é uma lista de registros, com todos os itens do registro provenientes de uma tabela. O exemplo que usarei aqui mostra uma das galerias mais básicas que você pode criar usando o Power Apps .

O Power Apps é uma ferramenta incrível que facilita a criação de seu próprio aplicativo, mesmo que você tenha pouca ou nenhuma experiência em codificação. Como a galeria é uma das partes mais básicas que você pode adicionar ao seu aplicativo, mostrarei como manipular os diferentes elementos da sua galeria.

Índice

• Propriedades das galerias PowerApps
• Configurando elementos da galeria dinamicamente
• Concatenando valores de texto em galerias do PowerApps
• Conclusão

Propriedades das galerias PowerApps

Em um tutorial anterior , falei sobre as diferentes telas e elementos que entram em um aplicativo. Ao olhar para o painel esquerdo em nosso exemplo, você verá que o aplicativo no qual estou trabalhando atualmente tem três telas.

Na tela Navegar, é onde você verá a galeria. Se eu clicar em BrowseGallery1, ele destacará automaticamente todo o retângulo que contém a galeria no aplicativo no painel do meio.

Como as galerias exibem uma visualização de uma lista de registros, elas mostram apenas alguns detalhes. Neste aplicativo, por exemplo, mostra apenas o nome do agente, o número do cliente e o primeiro nome do cliente.

Vamos dar uma olhada nas diferentes propriedades que uma galeria possui. As propriedades podem ser encontradas no painel direito.

A fonte de dados está no topo da lista. Isso mostra que o aplicativo é alimentado por Table1. Essas fontes podem ser qualquer coisa, desde uma planilha do Google até uma tabela SQL.

Em seguida é o Layout. É aqui que você decide o que aparecerá na sua galeria. Por enquanto, está mostrando Título, subtítulo e corpo, que correspondem aos itens que temos.

Mas existem outras opções além dessa. Você pode até mostrar imagens em algumas das entradas da sua lista.

Por enquanto, vou mudar o layout para apenas um título e subtítulo porque quero que apareçam apenas as informações mais importantes.

Você também pode ativar e desativar a visibilidade da galeria.

Você pode alterar a cor e a aparência da borda.

Você também pode escolher se deseja mostrar a barra de rolagem e a navegação ou não.

Observe que cada elemento dentro da galeria também teria seu próprio conjunto de propriedades. Em cada cartão de dados desta galeria, há uma seta, um separador entre cada cartão, um título e um subtítulo.

O título tem propriedades que incluem a fonte, o tamanho da fonte, o peso da fonte, o alinhamento do texto etc.

Mudarei o peso da fonte para Normal em vez de Negrito, pois não preciso realçar os títulos em cada cartão de dados se escolher o tamanho de fonte correto.

Como agora existem apenas 2 elementos em vez de 3, posso aumentar o título. Vou mudar o tamanho da fonte de 24 para 28.

Configurando elementos da galeria dinamicamente

Uma das coisas principais na configuração de galerias do PowerApps é saber como definir alguns elementos importantes dinamicamente.

Vejamos a propriedade de texto neste cartão de dados, especificamente para o título. Se você olhar para o painel de propriedades, verá Andy Chapman, que é exatamente o que aparece no campo de título do cartão de dados.

Mas se você olhar para a barra de fórmulas, verá ThisItem.AgentName. Isso mostra que o elemento foi definido dinamicamente.

Anteriormente, mencionei que a fonte de dados para os itens nesta galeria é Table1. Isso significa que cada um dos itens da galeria vem da Tabela1. Também discuti como vincular uma fonte de dados ao PowerApps em um tutorial anterior .

Então, se eu voltar para a fonte de dados, cada uma das entradas é um objeto de item.

Quanto ao elemento de título no aplicativo, ele vem da coluna chamada AgentName. Essa é a mesma coluna referenciada na barra de fórmulas.

Isso significa que posso simplesmente alterar essa fórmula e fazer referência a uma coluna diferente conforme necessário. Vamos voltar ao ambiente do Power Apps no qual estamos trabalhando para alterar a fórmula e fazer referência à coluna FirstName.

Observe que conforme você digita algo na barra de fórmulas, ela dá sugestões sobre como você pode completar a fórmula. Nesse caso, ele já está mostrando FirstName antes mesmo de eu terminar de digitá-lo. Então, posso clicar nele para preencher automaticamente o espaço restante.

Depois de clicar em Enter, os campos de título em cada cartão serão alterados automaticamente.

Concatenando valores de texto em galerias do PowerApps

O próximo passo mais lógico aqui seria incluir o sobrenome no campo do título também. Mas na fonte de dados, o nome e o sobrenome aparecem em colunas diferentes. É aqui que entra a função Concatenar.

Se eu digitar Concatenate na barra de fórmulas, ele fornecerá uma breve descrição do que essa função faz. Ele mostra aqui que o Concatenate une vários valores de texto em um único valor de texto. Isso parece perfeito para o que eu quero que aconteça, que é colocar dois valores diferentes (FirstName e LastName) juntos.

Agora que escolhi Concatenar, isso me mostra que posso começar a adicionar argumentos na forma de valores de texto.

Vou colocar ThisItem.FirstName como meu primeiro valor de texto, seguido por ThisItem.LastName. Fecharei essa fórmula com um parêntese.

Depois de clicar em Enter, você verá que os campos de título agora mostram o nome e o sobrenome de cada cliente.

O melhor de personalizar suas galerias do PowerApps dessa forma é que tudo é intuitivo, especialmente se você já usou o Excel antes. O uso do Concatenate, por exemplo, é exatamente o mesmo se você usar o Excel.

Vamos ver uma prévia do nosso aplicativo clicando no botão Reproduzir no canto superior direito. Isso nos daria uma ideia do que realizamos até agora.

Parece que os itens em nossa galeria estão começando a fazer mais sentido. Só precisamos trabalhar na legenda.

Atualmente, o subtítulo faz referência ao CustomerNumber. Mas isso não é essencial porque já vejo o nome e o sobrenome de cada cliente.

Vamos voltar ao arquivo do Excel e ver o que daria uma legenda melhor. Obviamente, isso dependeria do que você deseja obter do aplicativo em que está trabalhando. Eu só quero informações sobre cada cliente. Portanto, neste caso, a localização do cliente seria uma boa alternativa.

Vou apenas mudar a coluna de Referências para Localização.

Ao clicar em Enter, as legendas passarão a mostrar a localização de cada cliente.

Apesar das alterações que fiz, esses cartões de dados ainda terão a mesma funcionalidade. Digamos que eu clique neste cartão de dados para Irvin Roebuck do Brasil.

Ele vai mostrar as mesmas informações provenientes da fonte de dados. A única diferença é que, em vez de AgentName e CustomerNumber serem destacados na galeria, estou mostrando FirstName, LastName e Location.

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

A maneira como o Power Apps foi projetado mostra como a Microsoft é intencional em manter as coisas o mais intuitivas possível. Conforme evidenciado pela maneira como brinquei com minha galeria de aplicativos, é seguro dizer que mesmo aqueles que têm pouca ou nenhuma experiência na criação de aplicativos podem produzir um aplicativo decente que beneficiaria sua organização.

Obviamente, o Power Apps também possui recursos avançados, o que o torna uma boa ferramenta mesmo para usuários avançados. É tudo uma questão de saber o que você deseja alcançar com seu aplicativo e colocá-los em ação.

Tudo de bom,

henrique