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

  • 30 minutos

Neste exercício, você criará um aplicativo móvel usando dados de uma tabela do Excel. Comece baixando o arquivo RealEstateProperties.xlsx para ser usado 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.

Etapa 1: criar uma solução

  1. Vá para make.powerapps.com e entre.

    Observação

    Na parte superior da página inicial do Power Apps, você pode ver uma opção Avaliar a nova experiência do Power Apps. Certifique-se de que ela esteja desativada.

  2. Na barra de navegação à esquerda, selecione Soluções.

  3. Na página Soluções, em Solução preferencial atual, selecione Gerenciar.

  4. Na caixa de diálogo Definir sua solução preferencial, selecione + Nova solução.

  5. Na caixa de diálogo Nova solução, insira o seguinte:

    • Nome de Exibição: Real Estate Solution
    • Nome: RealEstateSolution
    • Editor: selecione um editor na lista suspensa ou crie outro.
    • Versão: 1.0.0.0

  6. Selecione Criar.

  7. Selecione a solução recém-criada Real Estate Solution na lista suspensa de soluções preferidas e, em seguida, selecione Aplicar.

    Captura de tela da caixa de diálogo Nova solução.

    Observação

    Uma solução é um contêiner que ajuda a gerenciar e empacotar aplicativos, fluxo e outros componentes no Power Platform.

    Definir uma solução preferida é útil porque permite que você selecione onde suas atualizações do futuras serão salvas para que seu trabalho permaneça organizado.

  8. Na barra de navegação esquerda, selecione Página Inicial para voltar à home page do Power Apps.

Etapa 2: criar um aplicativo de tela com um arquivo do Excel

  1. Na home page do Power Apps, selecione Começar com dados.

  2. Selecione Criar tabelas e escolha Importar um arquivo do Excel ou .CSV.

  3. Navegue até o arquivo RealEstateProperties.xlsx, selecione-o e clique em Abrir. (O limite máximo de tamanho de arquivo é de 5 GB.)

    O Copilot gera uma tabela do Microsoft Dataverse com base no arquivo do Excel, definindo sete colunas de dados.

  4. Ao lado do nome da tabela, selecione as reticências (...) de Opções de exibição e escolha Propriedades.

  5. Atualize as propriedades da tabela:

    • Nome de exibição: Real Estate Property
    • Nome plural: Real Estate Properties
    • Descrição: esta tabela contém anúncios de imóveis para venda.
    • Coluna primária: Address
    • Em Configurações avançadas, defina o nome do esquema como realestateproperty.

  6. Selecione Salvar e escolha Salvar e abrir aplicativo. No pop-up, selecione Salvar e abrir aplicativo novamente.

    Captura de tela da tabela Real Estate Property importada mostrando Nome de exibição, Nome plural, Descrição, Coluna primária, Nome do esquema, botão Salvar, e botão Salvar e abrir aplicativo realçado.

Etapa 3: personalizar o layout do aplicativo

  1. Se Bem-vindo ao Power Apps Studio for exibido, selecione Ignorar.

    O aplicativo é aberto no Modo de edição.

    Captura de tela do aplicativo gerado no Power Apps Studio.

  2. Selecione o ícone Dados na barra de navegação esquerda. Uma tabela do Dataverse foi criada do arquivo do Excel RealEstateProperties.xlsx.

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

  3. Selecione o ícone do Modo de exibição de árvore para retornar a esse layout.

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

  4. Na tela principal, localize a galeria (RecordsGallery1) mostrando os detalhes da propriedade.

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

  5. Expanda RecordsGallery1 no Modo de exibição de árvore. Selecione as reticências (...) ao lado de NextArrow e exclua-a.

    Captura de tela mostrando a ação de exclusão de Next Arrow.

  6. Com RecordsGallery1 selecionado, selecione no ícone de edição para entrar no modo de edição.

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

  7. Selecione o componente Title. Redimensione e reposicione-o 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 correspondam ao novo layout.

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

  9. Com Title1 selecionado, verifique se a propriedade Text é:

    ThisItem.Address

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

  10. Selecione o componente Subtitle1 na galeria e defina seu valor Text como:

    ThisItem.Size

  11. Na barra de ferramentas, altere o Tamanho para 13.

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

  12. Selecione o componente Body1 e defina a propriedade Text como:

    ThisItem.Price

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

  13. Com o primeiro item em RecordsGallery1 selecionado, selecione Inserir, pesquise por Imagem e selecione o componente Image para adicioná-lo à galeria.

  14. Reposicione e redimensione a imagem para centralizá-la na célula da galeria.

    Captura de tela da imagem centralizada na galeria.

Etapa 4: usar o Copilot para gerar fórmulas do Power Fx

  1. Para gerar fórmulas do Power Fx com o Copilot no Power Apps, a galeria ainda deve estar no modo de edição. Selecione o controle de preço (Body1) e selecione Copilot > Formatação condicional.

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

  2. Na caixa de entrada, digite:

    "formate o texto deste modo US$ 250.000".

    Selecione a fórmula gerada e escolha Aplicar.

    Captura de tela da formatação condicional do Copilot com entrada e saídas sugeridas do Copilot. Ênfase na caixa de entrada de texto, na fórmula selecionada e em Aplicar.

    Com a ajuda do Copilot, o valor de exemplo (US$ 250.000) inserido gerou a seguinte fórmula, que agora está na barra de fórmulas da propriedade Text no controle de preço (Body1):

    Text(ThisItem.Price, "$#,###")

    Observação

    Se o Copilot atualizar a propriedade errada, corrija-a manualmente. Substitua "CurrentItem" por "ThisItem", se necessário.

  3. Repita as mesmas etapas para Subtitle1. Com Subtitle1 selecionado, escolha Copilot>Formatação condicional.

  4. Na caixa de entrada, insira:

    "format the Text property of Subtitle1 so that it appears like this: "Size: 1,200 sq ft" where 1,200 is ThisItem.Size"

    Faça as edições necessárias e selecione Aplicar.

    Captura de tela de uma fórmula sugerida para a formatação do controle de tamanho com a caixa de entrada de texto, a fórmula sugerida e o botão Aplicar realçado.

Etapa 5: salvar e testar seu aplicativo

  1. Feche a caixa pop-up Formatação Condicional do Copilot.

  2. Sua galeria deve ser semelhante à imagem a seguir.

    Captura de tela da galeria formatada.

  3. Salve o aplicativo como RealEstateProperties.

  4. Execute seu aplicativo para selecionar propriedades diferentes e exiba seus dados no formulário do aplicativo.

  5. Selecione Voltar para retornar à home page do Power Apps.

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