Imagens do PowerApps combinadas com entradas de caneta, câmera e upload de fotos

Neste tutorial, falaremos sobre as imagens do PowerApps e outros elementos de mídia que podemos adicionar ao nosso aplicativo.

Há uma longa lista de elementos de mídia que podem aprimorar a experiência de cada usuário final.

Por enquanto, vamos nos concentrar nas imagens do PowerApps e em como ele pode funcionar de mãos dadas com elementos como entrada de caneta, câmera ou adicionar imagem.

O melhor do PowerApps é que a maioria dos elementos funciona de maneira semelhante. Mesmo que não abordemos alguns dos outros elementos neste tutorial, será fácil para qualquer um descobrir como usá-los.

Além disso, a documentação do Microsoft PowerApps abrange tudo o que há para saber sobre esses elementos. Assim, você pode acessar esse documento e encontrar o que precisa.

Índice

• Trabalhando com imagens do PowerApps
• Adicionando imagens do PowerApps de uma fonte de dados
• Usando a imagem com a entrada da caneta
• Usando a imagem com a entrada da câmera
• Usando imagem com o elemento Add Picture
• Conclusão

Trabalhando com imagens do PowerApps

Vamos começar examinando o que são as imagens do PowerApps.

O elemento de imagem possui várias propriedades que podemos acessar no painel direito, como transparência, visibilidade, posição, tamanho e muito mais.

Existem muitas maneiras de usar o elemento de imagem. Você pode usá-lo para exibir o logotipo da empresa em seu aplicativo, por exemplo. Você também pode usá-lo se não conseguir encontrar o ícone certo nos ícones padrão criados no PowerApps. Por exemplo, se você não gosta da aparência do ícone de pesquisa do PowerApps, pode carregar um ícone diferente que baixou em outro lugar e usá-lo.

Adicionando imagens do PowerApps de uma fonte de dados

Ao adicionar o elemento de imagem, ele aparecerá como um quadro em branco na tela. Caberá a você preenchê-lo com uma imagem real.

Uma das maneiras de adicionar uma imagem ao quadro seria por meio da guia Mídia no menu à esquerda.

Para fazer upload de uma imagem de seus arquivos, basta clicar em Upload.

Uma janela aparecerá, permitindo que você escolha uma imagem de seus arquivos. Por enquanto, vamos usar esta foto de uma águia.

Agora, você pode ver esse arquivo listado em Mídia no painel esquerdo. Como você pode ver, ele não preenche automaticamente o quadro do elemento de imagem.

Como já temos o arquivo de imagem na lista, basta clicar nele e a imagem aparecerá na tela.

Mas a melhor maneira de fazer isso seria ir ao painel direito e selecioná-lo na lista de imagens.

Depois de escolhermos um arquivo no menu suspenso, ele preencherá automaticamente o quadro.

Usando a imagem com a entrada da caneta

O melhor das imagens do PowerApps é que elas podem trabalhar lado a lado com outros elementos do PowerApps. Vejamos como o elemento de imagem e a entrada da caneta podem funcionar juntos.

A entrada da caneta permite que os usuários desenhem ou escrevam algo em seu aplicativo.

Isso pode ser útil especialmente se você precisar que os usuários assinem ou escrevam algo na tela.

O melhor dessa entrada é que você pode salvar o que o usuário escreveu na tela como uma imagem e, em seguida, salvá-lo em um diretório de arquivos. Isso é especialmente útil se você precisar de cópias das assinaturas de seus usuários para provar que concorda com seus termos e condições ou em qualquer caso semelhante.

Vamos ver como podemos fazer isso. Olhando para o painel esquerdo, vemos que estamos trabalhando com PenInput4.

Agora vamos destacar o elemento image e tornar a propriedade Image igual a PenInput4.Image.

Assim, o elemento de imagem à direita agora exibe exatamente o que o usuário escreve na entrada da caneta. Toda vez que eles adicionam algo ao que estão escrevendo, o elemento de imagem à direita também é atualizado.

Usando a imagem com a entrada da câmera

Outro elemento que funciona bem com o elemento de imagem é a entrada da câmera. Basicamente, ele ativa a câmera do aparelho e permite que o usuário tire fotos direto do app.

Quando os elementos câmera e imagem são usados ​​juntos, é possível tirar uma foto usando o elemento câmera e exibir essa mesma foto no elemento imagem. A partir daí podemos salvar a imagem na galeria do app ou utilizá-la em outras telas dentro do app.

Para isso, basta destacar o elemento de imagem e torná-lo equivalente a Camera2.Photo.

Uma vez feito isso, o elemento de imagem exibirá qualquer foto que a função de câmera tirar.

Existem tantos aplicativos úteis para isso. Por exemplo, você pode fazer com que os usuários tirem suas próprias fotos e as salvem no aplicativo para fins de identificação. O elemento de imagem nem precisa estar na mesma tela. Você pode ter a função de câmera em uma tela e o elemento de imagem em outra.

Usando imagem com o elemento Add Picture

Digamos que alguns usuários não queiram ligar a câmera para tirar uma foto e prefiram usar uma foto salva em seu dispositivo. Nesse caso, também é possível usar o elemento add picture para dar a eles esse recurso.

O elemento adicionar imagem permite que os usuários abram seu diretório de arquivos e escolham uma foto que desejam enviar para o aplicativo.

Portanto, se formos o usuário final, podemos escolher a foto da águia e ela aparecerá automaticamente na tela.

Agora, vamos fazer com que nosso elemento de imagem exiba a mesma foto que o usuário carregou. Vamos destacar o elemento de imagem e torná-lo equivalente a UploadedImage3.Image.

Depois que a fórmula for definida, o elemento de imagem exibirá qualquer foto que o usuário enviar por meio da função de adicionar imagem.

Introdução ao Power Apps: Definição, recursos, funções e importância
Ambientes do Power Apps: Configurando os elementos do aplicativo corretamente
Funções e fórmulas do PowerApps | Uma introdução

Conclusão

As imagens do PowerApps podem realmente tornar qualquer aplicativo mais atraente e funcional para qualquer usuário. Nem importa qual é o objetivo geral do aplicativo.

Há ainda mais possibilidades quando o elemento de imagem é usado com outros elementos de mídia como os que examinamos neste tutorial. Isso torna mais fácil para os usuários finais usar o aplicativo da maneira que desejam.

Tudo de bom,

henrique