Criar um aplicativo de tela do zero com base nos dados do Excel

Crie seu próprio aplicativo de tela do zero com base em dados do Excel formatados como tabela e, em seguida, adicione dados de outras fontes, caso deseje. Seguindo este tutorial, você criará um aplicativo que contém duas telas. Em uma tela, os usuários podem navegar por meio de um conjunto de registros. Na outra tela, os usuários podem criar um registro, atualizar um ou mais campos em um registro ou excluir um registro inteiro. Essa abordagem demora mais do que criar um aplicativo básico no Excel, mas os criadores de aplicativos mais experientes podem usá-la para criar um aplicativo que melhor atenda às necessidades deles.

Pré-requisitos

Para executar as etapas deste tutorial com precisão, primeiro crie um arquivo do Excel usando estes dados de exemplo.

1. Copie esses dados e, em seguida, cole-os em um arquivo do Excel.

   StartDay	StartTime	Voluntário	Backup
   sábado	10h – meio-dia	Vasquez	Kumashiro
   sábado	meio-dia – 14h	Ice	Singhal
   sábado	14h – 16h	Myk	Mueller
   domingo	10h – meio-dia	Li	Adams
   domingo	meio-dia – 14h	Singh	Morgan
   domingo	14h – 16h	Batye	Nguyen

2. Formate esses dados como uma tabela, chamada Agenda, de modo que o Power Apps possa analisar as informações.

   Para obter mais informações, consulte Formatar uma tabela no Excel.

3. Salve o arquivo com o nome eventsignup.xls, feche-o e, em seguida, carregue-o em uma conta de armazenamento em nuvem, como o OneDrive.

Importante

É possível usar seu próprio arquivo Excel e analisar apenas os conceitos gerais deste tutorial. No entanto, os dados do arquivo Excel precisam ser formatados como uma tabela. Para obter mais informações, consulte Formatar uma tabela no Excel.

Abrir um aplicativo em branco

Crie um aplicativo de tela em branco com layout para Smartphone.

Conectar-se aos dados

1. No meio da tela, selecione Conectar aos dados.

2. No painel Dados, selecione a conexão de sua conta de armazenamento em nuvem, se ela aparecer. Caso contrário, execute estas etapas para adicionar uma conexão:

   1. Selecione Nova conexão, selecione o bloco da sua conta de armazenamento em nuvem e, em seguida, Criar.
   2. Forneça as credenciais dessa conta, se for solicitado.

3. Em Escolher um arquivo do Excel, digite ou cole as primeiras letras de eventsignup para filtrar a lista e, depois, selecione o arquivo que você carregou.

4. Em Escolher uma tabela, marque a caixa de seleção Agenda e, em seguida, selecione Conectar.

5. Feche o painel Dados no canto superior do painel, selecionando o ícone para fechar (X).

Criar a tela de exibição

1. Na guia Página Inicial, selecione a seta para baixo ao lado de Nova tela para abrir uma lista de tipos de tela e, em seguida, selecione Lista.

   Uma tela é adicionada com diversos controles padrão, como uma caixa de pesquisa e um controle Gallery. A galeria abrange toda a tela abaixo da caixa de pesquisa.

2. Na parte superior da nova tela, selecione o controle Label e, em seguida, substitua [Título] por Exibir registros.

   

3. Na barra de navegação à esquerda, selecione BrowseGallery1.

   Uma caixa de seleção com alças contorna a galeria.

   

4. Na guia Propriedades do painel direito, selecione a seta para baixo do menu Layout.

   

5. Selecione Título, subtítulo e corpo.

6. Na barra de fórmulas, substitua CustomGallerySample por Agenda, e substitua as duas instâncias de SampleText por Voluntário.

7. Na borda direita da barra de fórmulas, selecione a seta para baixo e, em seguida, selecione Formatar texto.

   A fórmula corresponde a este exemplo:

   SortByColumns(
       Search(
           Schedule,
           TextSearchBox1.Text,
           "Volunteer"
       ),
       "Volunteer",
       If(
           SortDescending1,
           SortOrder.Descending,
           SortOrder.Ascending
       )
   )
   

8. Na guia Propriedades do painel direito, selecione Editar ao lado do rótulo Campos.

9. Na caixa Title2, selecione Voluntário, na caixa Subtitle2, selecione StartDay, e na caixa Body1, selecione StartTime.

10. Feche o painel Dados no canto superior do painel, selecionando o ícone para fechar (X).

Os usuários podem classificar e filtrar a galeria por nome de voluntário com base nas funções SortByColumns e Search na fórmula.

• Se um usuário digitar pelo menos uma letra na caixa de pesquisa, a galeria mostrará apenas os registros para os quais o campo Voluntário contém o texto digitado pelo usuário.
• Se um usuário selecionar o botão de classificação (entre o botão de atualização e o botão de adição na barra de título), a galeria mostrará os registros em ordem crescente ou decrescente (dependendo de quantas vezes o usuário selecionar o botão) com base no campo Voluntário.

Para obter mais informações sobre essas e outras funções, consulte referência de fórmulas.

Criar a tela de alteração

1. Na guia Página Inicial, selecione a seta para baixo ao lado de Nova tela e, em seguida, selecione Formulário.

2. Na barra de navegação à esquerda, selecione EditForm1.

3. Na guia Propriedades do painel direito, selecione a seta para baixo ao lado de Fonte de dados e, em seguida, selecione Agenda na lista que é exibida.

4. Na fonte de dados que você especificou, selecione Editar campos.

5. No painel Campos, selecione Adicionar campo, marque a caixa de seleção de cada campo e, em seguida, selecione Adicionar.

6. Selecione a seta ao lado do nome de cada campo para recolhê-lo e, em seguida, arraste o campo Voluntário para cima, para que ele apareça na parte superior da lista de campos.

   

7. No canto superior direito do painel Campos, feche-o, selecionando o ícone para fechar (X).

8. Defina a propriedade Item do formulário como esta expressão, digitando ou colando-a na barra de fórmulas:

   BrowseGallery1.Selected

9. Na parte superior da tela, selecione o controle Label e, em seguida, substitua [Title] por Alterar registros.

   

Excluir e renomear telas

1. Na barra de navegação à esquerda, selecione as reticências (...) de Screen1 e, depois, Excluir.

   

2. Selecione as reticências (...) de Screen2, selecione Renomear e, em seguida, digite ou cole ViewScreen.

3. Selecione as reticências (...) de Screen3, selecione Renomear e, em seguida, digite ou cole ChangeScreen.

Configurar ícones na tela de exibição

1. Na parte superior de ViewScreen, selecione o ícone de seta circular.

   

2. Defina a propriedade OnSelect desse ícone como esta fórmula:

   Refresh(Schedule)

   Quando o usuário seleciona esse ícone, os dados da Agenda são atualizados no arquivo do Excel.

   Para obter mais informações sobre essas e outras funções, veja referência de fórmulas.

3. No canto superior direito de ViewScreen, selecione o ícone de adição.

   

4. Defina a propriedade OnSelect desse ícone como esta fórmula:

   NewForm(EditForm1);Navigate(ChangeScreen,ScreenTransition.None)

   Quando o usuário seleciona esse ícone, ChangeScreen é exibido com cada campo vazio, para que o usuário possa criar um registro com mais facilidade.

5. Selecione a seta que está apontando para a direita do primeiro registro na galeria.

   

6. Defina a propriedade OnSelect da seta como esta fórmula:

   EditForm(EditForm1); Navigate(ChangeScreen, ScreenTransition.None)

   Quando o usuário seleciona esse ícone, ChangeScreen é exibido em cada campo mostrando os dados do registro selecionado para que o usuário possa editar ou excluir o registro mais facilmente.

Configurar ícones na tela de alteração

1. Em ChangeScreen, selecione o ícone "X" no canto superior esquerdo.

   

2. Defina a propriedade OnSelect desse ícone como esta fórmula:

   ResetForm(EditForm1);Navigate(ViewScreen, ScreenTransition.None)

   Quando o usuário seleciona esse ícone, as alterações feitas na tela pelo usuário são descartadas, e a tela de exibição é aberta.

3. No canto superior direito, selecione o ícone de marca de seleção.

   

4. Defina a propriedade OnSelect da marca de seleção como esta fórmula:

   SubmitForm(EditForm1); Navigate(ViewScreen, ScreenTransition.None)

   Quando o usuário seleciona esse ícone, as alterações feitas por ele nesta tela são salvas, e a tela de exibição é aberta.

5. Na guia Inserir, selecione Ícones e, em seguida, selecione o ícone Lixeira.

6. Defina a propriedade Color do ícone novo como Branco, e mova o ícone novo para que ele apareça ao lado do ícone de marca de seleção.

   

7. Defina a propriedade Visible do ícone de lixeira como esta fórmula:

   EditForm1.Mode = FormMode.Edit

   Esse ícone aparecerá somente quando o formulário estiver no modo de Edição, não no modo Novo.

8. Defina a propriedade OnSelect do ícone de lixeira como esta fórmula:

   Remove(Schedule, BrowseGallery1.Selected); Navigate(ViewScreen, ScreenTransition.None)

   Quando o usuário seleciona esse ícone, o registro selecionado é excluído da fonte de dados e a tela de exibição é aberta.

Testar o aplicativo

1. Selecione ViewScreen e abra a Visualização pressionando F5 (ou selecionando o ícone Visualização no canto superior direito).

   

2. Digite ou cole uma ou mais letras na caixa de pesquisa para filtrar a lista com base no nome do voluntário.

3. Selecione o ícone de classificação uma ou mais vezes para mostrar os dados em ordem crescente ou decrescente com base no nome do voluntário.

4. Adicione um registro.

5. Atualize o registro que você adicionou e, em seguida, salve as alterações.

6. Atualize o registro que você adicionou e, em seguida, cancele as alterações.

7. Exclua o registro que você adicionou.

8. Feche o modo de Visualização pressionando Esc (ou selecionando o ícone para fechar no canto superior direito).

Próximas etapas

• Pressione Ctrl-S para salvar seu aplicativo na nuvem assim pode executá-lo de outros dispositivos.
• Compartilhe o aplicativo para que outras pessoas possam executá-lo.
• Saiba mais sobre funções como Patch, que você pode usar para gerenciar os dados sem criar um formulário padrão.
• Vincule o aplicativo a uma solução para poder, por exemplo, implantá-lo em um ambiente diferente ou publicá-lo no AppSource.

Observação

Você pode nos falar mais sobre suas preferências de idioma para documentação? Faça uma pesquisa rápida. (Observe que esta pesquisa está em inglês)

A pesquisa levará cerca de sete minutos. Nenhum dado pessoal é coletado (política de privacidade).