Exercício: criar um aplicativo de tela com dados de um arquivo do Excel

Concluído

Neste exercício, você criará um aplicativo móvel usando dados de uma tabela do Excel. Baixe RealEstateProperties.xlsx para uso neste exercício.

Observação

O Microsoft Power Apps requer uma licença do Microsoft 365 ou uma avaliação gratuita. Saiba mais sobre as opções de licenciamento. Os produtos da Microsoft incluem Power Apps e Power Automate.

  1. Acesse make.powerapps.com e entre com suas credenciais do Power Apps.

  2. Na tela inicial do Power Apps, selecione Iniciar com dados.

  3. Selecione Carregar um arquivo do Excel.

  4. Selecione a opção Selecionar do dispositivo. Vá até o local em que você salvou o arquivo do Excel RealEstateProperties.xlsx e carregue-o. (O limite máximo de tamanho de arquivo é de 5 GB.)

  5. O Power Apps gera uma tabela com base nos dados do arquivo do Excel RealEstateProperties.xlsx. Observe como o Power Apps o nomeou como Real Estate Property e definiu sete colunas de dados.

  6. Selecione o botão Criar aplicativo no canto inferior direito da tela.

    Captura de tela da tabela Real Estate Property importada mostrando sete colunas e o botão Criar aplicativo em destaque.

  7. Quando o aplicativo for carregado pela primeira vez, uma caixa de diálogo poderá ser mostrada informando Bem-vindo ao Power Apps Studio. Nesse caso, selecione o botão Ignorar.

    O aplicativo gerado deve ser exibido no Modo de edição.

    Captura de tela do aplicativo gerado no Power Apps Studio.

  8. Selecione o ícone Dados na barra de navegação esquerda. Uma tabela do Dataverse é criada com base no arquivo do Excel RealEstateProperties.xlsx.

    Captura de tela do ícone Dados na barra de navegação esquerda.

  9. Selecione o ícone da Exibição em árvore para retornar à Exibição em árvore.

    Captura de tela do ícone de Exibição em árvore na barra de navegação esquerda.

  10. Na tela principal do aplicativo, selecione a galeria que exibe os detalhes de Real Estate Properties e selecione RecordsGallery1 na Exibição em árvore para expandi-la.

    Captura de tela da galeria exibindo os detalhes de Real Estate Property.

  11. Selecione as reticências (...) ao lado da opção NextArrow e exclua-a.

    Captura de tela mostrando a ação de exclusão de NextArrow.

  12. Selecione RecordsGallery1 e o botão de edição para colocar a galeria no modo de edição.

    Captura de tela mostrando a ação de colocar a galeria no modo de edição.

  13. Reduza a largura e mova a posição do componente Title para que fique no lado direito da célula do modelo.

    Captura de tela mostrando a ação de ajustar o tamanho e a posição do componente Title.

    Outros componentes devem ser reposicionados ao lado do componente Title. Caso contrário, mova-os até que se pareçam com a imagem anterior.

  14. Verifique se a galeria ainda está no modo de edição. Selecione Title.

  15. Verifique se o valor Text do componente Title está definido com a seguinte fórmula:

    ThisItem.Address

    Captura de tela da propriedade text na barra de fórmulas.

  16. Selecione o componente Subtitle na galeria.

  17. Defina o valor Text do Subtítulo para a seguinte fórmula:

    ThisItem.Size

  18. Usando a barra de ferramentas na parte superior da página, altere Size para 13.

    Captura de tela do tamanho sendo definido como 13 na barra de ferramentas.

  19. Selecione o componente Body na galeria.

  20. Defina o valor Text de Body para a seguinte fórmula:

    ThisItem.Price

    Sua galeria agora deve ser semelhante à imagem a seguir.

    Captura de tela da galeria de Real Estate Properties formatada corretamente.

  21. Com o primeiro item em RecordsGallery1 selecionado, selecione Inserir, pesquise Imagem e selecione o componente Imagem. Isso adicionará uma imagem à galeria.

  22. A imagem deve ser mostrada como adicionada a sua galeria. Reposicione e redimensione a imagem para que fique no centro de cada célula da galeria.

    Captura de tela da imagem centralizada na galeria.

  23. Para usar o Microsoft Power Apps Ideias, verifique se a galeria ainda está no modo de edição. Selecione o corpo da galeria que contém o preço. Selecione a seta ao lado do ícone do copiloto que é exibido acima do componente de preço. Selecione Formatação de texto.

    Captura de tela da galeria com o componente de preço selecionado.

  24. Insira o valor a seguir para Formato desejado e pressione Enter no teclado.

    $350,000

  25. Selecione a fórmula gerada e Aplicar.

    Observação

    Com a ajuda do copiloto, o valor de exemplo (US$ 350.000) inserido gerou a seguinte fórmula, que agora é exibida na barra de fórmulas do controle da galeria de preços:

    (Text(ThisItem.Price, "$#,##0", "en-US"))

  26. Execute as mesmas etapas para o controle Tamanho no subtítulo da galeria. Verifique se a galeria está no modo de edição. Selecione o subtítulo que contém o tamanho. Selecione a seta ao lado do ícone do Copilot que é exibido acima do componente de tamanho. Selecione Formatação de texto.

  27. Insira o seguinte valor para Formato desejado:

    Size: 1,800 sq ft

    Pressione a tecla Enter no teclado.

    Você pode notar que a seção de ideias está vazia. A causa pode ser a falta de informações ou contexto necessário para gerar uma fórmula.

    Captura de tela de uma fórmula vazia.

  28. Como a seção de ideias está vazia, você adicionará mais exemplos. Selecione + Adicionar exemplos pelo menos mais duas vezes.

    Captura de tela do botão Adicionar exemplos no Power Apps Ideias.

  29. Selecione dois formatos atuais e forneça dois formatos desejados correspondentes.

    Captura de tela das opções de formato atuais que correspondem às Opções de formato desejado.

  30. Com o contexto adicionado, o Power Apps Ideias gera uma fórmula adequada para você, conforme mostrado na imagem a seguir.

    Captura de tela da fórmula gerada pelo Power Apps Ideias.

  31. Selecione a fórmula gerada e Aplicar.

    Sua galeria deve ser semelhante à imagem a seguir.

    Captura de tela da galeria formatada.

  32. Salve o aplicativo.

  33. Saia do aplicativo para retornar à página inicial do Power Apps.

    Captura de tela do botão Voltar para sair do aplicativo.