Compartilhar via


Noções básicas sobre o Power Apps Studio

Você pode usar o Power Apps Studio para projetar, construir e gerenciar o aplicativo de tela.

Visão geral do Power Apps Studio

Captura de tela mostrando a interface do usuário do Power Apps Studio.

  1. Barra de comandos moderna do Power Apps Studio: barra de comandos dinâmica que mostra um conjunto diferente de comandos com base no controle selecionado.

  2. Ações do aplicativo: opções para exibir propriedades, adicionar comentários, executar o verificador de aplicativos, compartilhar, visualizar, salvar ou publicar o aplicativo.

  3. Lista de propriedades: lista de propriedades do objeto selecionado, como preenchimento ou altura.

  4. Barra de fórmulas: permite compor ou editar uma fórmula para a propriedade selecionada com uma ou mais funções.

  5. Menu de criação do aplicativo: painel de seleção para alternar entre fontes de dados e opções de inserção.

  6. Opções de criação de aplicativos: este painel revela o recurso de criação correspondente quando um recurso é selecionado no menu de criação de aplicativo.

  7. Tela: tela principal para compor a estrutura do aplicativo.

  8. Painel de propriedades: lista de propriedades para o objeto selecionado no modo de exibição de Árvore.

  9. Configurações e agente virtual: defina seu aplicativo nas configurações ou obtenha ajuda para criar seu aplicativo com um agente virtual.

  10. Seletor de tela: alterna entre telas diferentes em um aplicativo. As seleções do modo de exibição de árvore são exibidas aqui.

  11. Alterar o tamanho da tela: altera o tamanho da exibição da tela, conforme você cria seu aplicativo.

Vamos entender cada opção no Power Apps Studio em detalhes.

1 – Barra de comandos moderna do Power Apps Studio

As opções do Power Apps Studio estão disponíveis na barra de comandos. As opções são relevantes para a sessão atual e as configurações relacionadas ao aplicativo.

Captura de tela que mostra o menu da barra de comandos com várias opções de desenvolvimento.

Barra de comandos moderna

A barra de comandos moderna exibe o conjunto relevante de comandos dependendo do controle selecionado. Por exemplo, se você selecionar um item a ser inserido, como um rótulo de texto, verá a barra de comandos moderna ser alterada para acomodar sua seleção. A barra agora tem tipo de fonte, tamanho, cor e outros controles de rótulo de texto.

Imagem em movimento que mostra como a barra de comandos muda dependendo de qual controle for selecionado.

A barra de comandos muda quando um dos seguintes controles ou objetos for selecionado:

  1. Objeto Aplicativo
  2. Tela
  3. Botão
  4. Forma
  5. Ícone
  6. Formulário em branco
  7. Formulário com dados
  8. Galeria em branco
  9. Galeria com dados
  10. Rótulo
  11. Entrada de texto
  12. Seletor de data

Quando mais de um tipo de controle é selecionado, a barra de comandos mostra os comandos comuns entre os controles selecionados.

Backspace

Leva você de volta ao hub de compilação, fechando a sessão atual do Power Apps Studio.

Desfazer e refazer

Captura de tela que mostra onde os controles desfazer e refazer estão localizados na barra de comandos.

  • Desfazer: permite desfazer a última ação.
  • Refazer: permite repetir a última ação.

Recortar, copiar e colar

Captura de tela que mostra onde os controles recortar, copiar e colar estão localizados na barra de comandos.

  • Recortar: corta a seleção e a armazena na área de transferência.
  • Copiar copia a seleção e a armazena na área de transferência.
  • Colar: cola o último corte ou a seleção copiada da área de transferência.

Inserir

Captura de tela que mostra onde os dois controles de inserção estão localizados. Um está na barra de comandos e o outro controle (sinal de adição) está no menu de navegação.

O menu Inserir está disponível na barra de comandos e no menu de criação de aplicativos.

Inserir mostra todos os objetos ou controles populares que você pode adicionar na tela selecionada em seu aplicativo de tela. Você também pode expandir outras opções ou usar a opção de componentes para inserir controles de uma biblioteca de componentes.

Para inserir controles na tela, você pode arrastar o controle até a tela ou selecioná-lo.

Name Descrição
Formulário Exiba, edite ou crie um registro em uma fonte de dados.
Botão de>Entrada Um controle que o usuário pode selecionar para interagir com o aplicativo.
Seletor de Data de>Entrada Um controle que o usuário pode selecionar para especificar uma data.
Entrada>Entrada de texto Uma caixa de texto que permite a entrada do usuário
Formas>Retangulares Uma forma retangular para configurar a aparência da tela.
Text Uma caixa que exibe dados como texto, números, datas ou moeda.
Galeria vertical Um controle que permite adicionar outros controles e exibir um conjunto de dados. Por exemplo, itens de lista compostos por uma imagem, título e descrição estão contidos em uma galeria vertical.
Captura de tela mostrando a aparência do modelo de galeria vertical.

Para obter mais informações sobre os controles que você pode inserir, incluindo suas propriedades e definições, acesse Controles e propriedades nos aplicativos de tela.

Adicione dados

Adicione, atualize ou remova fontes de dados do aplicativo de tela. Você pode adicionar uma ou mais conexões usando fontes de dados.

Captura de tela que mostra como adicionar dados da lista suspensa Adicionar dados.

No menu Adicionar dados, você pode:

  • Selecione quaisquer outras tabelas existentes no ambiente atual.
  • Pesquise e selecione um conector, como SharePoint ou SQL Server.
Conectores

Além dos dados armazenados nas tabelas, há muitos conectores disponíveis para interagir com os dados em SaaS (software como serviço), serviços e sistemas populares.

Para escolher outros conectores, como SharePoint, OneDrive ou SQL Server, você pode inserir texto na caixa de pesquisa da fonte de dados ou selecionar na lista de conectores.

Captura de tela que mostra como selecionar uma fonte de dados escolhendo a lista suspensa Adicionar dados.

Para obter mais informações, consulte a Lista de todos os conectores do Power Apps.

Layouts da nova tela

Você pode adicionar uma nova tela ao seu aplicativo na opção Nova tela na barra de comandos ou na opção + Nova tela no Modo de exibição de árvore.

Captura de tela que mostra o local do menu Nova tela na barra de comandos.

Selecione na lista de layouts de tela disponíveis, como Barra Lateral, novos layouts em visualização, como Cabeçalho e formulário, ou modelos como Email.

Captura de tela que mostra como escolher um layout no menu Nova tela

Cor em segundo plano

Selecione uma cor em segundo plano para a tela. Você pode selecionar na lista de cores padrão ou selecionar a guia Personalizada e escolher sua própria cor.

Captura de tela que mostra onde escolher uma cor de fundo na barra de comandos.

Imagem em segundo plano

Selecione Carregar para carregar imagens para definir como imagem em segundo plano.

Captura de tela que mostra onde escolher uma imagem de fundo na barra de comandos.

Configurações

Defina as configurações do aplicativo na guia Geral, Exibição, Copilot, Atualizações ou Suporte.

Captura de tela que mostra onde escolher configurações na barra de comandos.

Geral
  • Edite o Nome e a Descrição do aplicativo.
  • Adicione ou atualize o Ícone do aplicativo. Adicione um ícone personalizado com + Adicionar imagem.
  • Selecione um Preenchimento de fundo do ícone ou uma cor de Preenchimento do ícone.
  • Altive o Salvamento automático para salvar a cada dois minutos automaticamente.
  • Configure o uso offline.
  • Defina seu Limite de linha de dados.
  • Inclua informações de depuração ao publicar.
  • Habilite a criação automática de variáveis de ambiente.
  • Ative a propriedade App.OnStart.

Por exemplo, para editar o Nome do aplicativo, acesse a guia Geral de Configurações.

Captura de tela em que você edita o nome do seu aplicativo no pop-up Configurações.

Tela
  • Selecione a Orientação e o Tamanho da tela.
  • Ajustar para caber: dimensiona o aplicativo para se ajustar ao espaço disponível.
  • Fixar proporção: permite travar a proporção de altura e largura.
  • Fixar orientação: mantém a orientação do aplicativo quando o dispositivo gira.
  • Mostrar área de notificações do dispositivo móvel: exibe notificações na parte superior da tela.

Para obter mais informações, consulte Alterar o tamanho e a orientação da tela

Copilot

Você pode Adicionar um Copilot personalizado a um aplicativo de tela (versão preliminar).

Atualiza

Permite definir configurações avançadas para o aplicativo que incluem recursos em versão preliminar, recursos experimentais ou desativados.

Para obter mais informações, consulte Compreender recursos experimentais, em versão preliminar e desativados no Power Apps.

Suporte

Acesse informações atuais do Power Apps Studio , como ambiente, versão de criação, ID da sessão e detalhes da sessão. Essas informações são úteis para sessões de Suporte da Microsoft.

2 – Ações de aplicativos

Para realizar ações específicas do aplicativo, use opções como Propriedades, Comentários, Verificador de aplicativo, Compartilhar, Visualizar o aplicativo, Salvar e Publicar.

Captura de tela que mostra as ações do aplicativo na barra de comandos.

Compartilhar

Ao selecionar a ação Compartilhar do aplicativo, você verá uma nova guia ou janela aberta em que poderá compartilhar o aplicativo. Você pode compartilhar com outros usuários ou adicioná-los como coproprietários do seu aplicativo.

Captura de tela que mostra a ação do aplicativo Compartilhar selecionada, aberta em uma nova janela ou guia, em que você pode compartilhar o aplicativo com usuários e coproprietários.

Dica

É necessário salvar o aplicativo antes de compartilhá-lo.

Verificador de aplicativo

Selecione o Verificador de aplicativo para executar uma verificação.

Para obter mais informações, consulte O Verificador do PowerApps agora inclui resultados do Verificador de aplicativo para aplicativos de tela nas soluções.

Captura de tela que mostra onde a ação do aplicativo Verificador de aplicativo está localizada e o conteúdo do menu.

Comentários

Comentários são anotações associadas a itens no aplicativo. Use os comentários para ajudar sua equipe a revisar o aplicativo e fornecer feedback ou oferecer informações adicionais sobre os detalhes de implementação no seu aplicativo.

Captura de tela que mostra onde a ação do aplicativo Comentários está localizada e seu menu em que você pode adicionar um novo comentário.

Versão Prévia

Selecione Visualizar o aplicativo para entrar no modo de visualização. Aqui você pode exibir e interagir com a versão atual do aplicativo.

Captura de tela mostrando onde a ação do do aplicativo Visualizar está localizada.

Salvar

Você pode salvar seu aplicativo de diferentes maneiras, como Salvar, Salvar com notas de versão, Salvar como ou Baixar uma cópia. A lista suspensa de opções de salvamento está localizada ao lado da ação Salvar do aplicativo.

Captura de tela que mostra onde as opções de salvamento estão localizadas.

As opções de salvamento incluem:

  • Salvar: salva alterações recentes e não salvas que você fez no aplicativo. Cada vez que você salva as alterações, outra versão é criada.
  • Salvar com notas de versão: salve e adicione notas sobre suas atualizações.
  • Salvar como: duplique o aplicativo salvando-o com um nome diferente.
  • Baixar uma cópia: baixe uma cópia local do aplicativo.

Publicar

Selecione Publicar para publicar a versão atual do aplicativo. Para obter mais informações, consulte Salvar e publicar aplicativos de tela.

Captura de tela que mostra onde a ação Publicar do aplicativo está localizada e seu pop-up em que você pode adicionar detalhes à publicação do seu aplicativo.

3 – Lista de propriedades

Ao selecionar um objeto em sua tela, você pode escolher uma das propriedades do objeto na sua lista de propriedades. Para obter uma lista completa de todas as propriedades possíveis, consulte Todas as propriedades.

Captura de tela que mostra a lista de propriedades de um objeto selecionado na tela do aplicativo.

4 – Barra de fórmulas

A barra de fórmulas permite adicionar, editar ou remover funções de uma propriedade do objeto selecionado. Por exemplo, selecione a tela do aplicativo para atualizar a cor de fundo usando a função RGBA.

Captura de tela que mostra a barra de fórmulas.

A barra de fórmulas é habilitada para IntelliSense. Quando você começa a inserir o texto que corresponde a uma ou mais funções, a barra de fórmulas exibe uma lista de funções.

Captura de tela que mostra a barra de fórmulas com o IntelliSense em ação enquanto você digita.

Quando você seleciona uma função, a barra de fórmulas mostra a ajuda da função em linha e destaca o texto de ajuda relevante na posição do cursor.

Captura de tela que mostra a ajuda em linha para uma função na barra de fórmulas.

Se uma fórmula retornar um erro, você poderá exibir os detalhes do erro no Verificador de aplicativos ou diretamente da exibição do aplicativo na tela.

Captura de tela que mostra erros de fórmula visualizados usando o Verificador de aplicativo.

Da mesma forma, você encontrará ajuda ao trabalhar com funções complexas, funções aninhadas ou ao corrigir a sintaxe de uma fórmula.

Para obter uma lista completa de todas as funções do aplicativo de tela, consulte Referência de fórmula – Power Apps.

5 – Menu de criação de aplicativos

Alterne entre várias opções de criação enquanto trabalha com o aplicativo.

Captura de tela que mostra o menu de criação de aplicativos.

  • Exibição de árvore: mostra uma exibição de árvore de todas as telas e controles do aplicativo atual.
  • Inserir: permite que você adicione diferentes controles à tela.
  • Dados: adicione dados e outros conectores, como tabelas que se conectam ao seu aplicativo.
  • Variáveis: trabalhe com variáveis e coleções durante a edição do aplicativo.
  • Pesquisar: selecione para pesquisar mídia, fórmulas, texto e muito mais em seu aplicativo.
  • Temas: escolha um tema colorido para a interface do usuário do Power Apps.
  • Mídia: insira ou remova mídias do aplicativo.
  • Power Automate: adicione um fluxo usando o painel do Power Automate.
  • Ferramentas avançadas: permite acessar as ferramentas Monitorar e Testar para depurar e testar seu aplicativo.

As opções para trabalhar com aplicativos de tela mudam dependendo da sua seleção do menu de criação. Por exemplo, ao selecionar a opção de menu Modo de exibição de árvore, você vê um painel do Modo de exibição de árvore.

6 – Opções de criação de aplicativos

Exibição de árvore

Selecione o modo de exibição de árvore para mostrar as telas disponíveis no aplicativo.

Captura de tela que mostra o painel Exibição de árvore quando você seleciona Exibição em árvore no menu de criação.

Dica

Selecione Aplicativo na exibição de árvore para trabalhar com controles específicos do aplicativo. Você pode alterar o comportamento do aplicativo, como adicionar uma fórmula para o evento OnStart do aplicativo.

Mude para a guia Componentes da Exibição de árvore para trabalhar com os recursos da biblioteca de componentes. Você pode adicionar novos componentes ou reutilizar aqueles da bibliotecas de componentes publicadas. Para obter mais informações, consulte Biblioteca de componentes.

Captura de tela mostrando a guia Componentes do painel Exibição de árvore.

Para obter mais informações sobre como adicionar componentes selecionando + Novo componente, consulte a seção Inserir.

Variáveis

Você pode salvar dados como os valores resultantes de um conjunto de dados em um armazenamento temporário usando variáveis. Esta seção lista as variáveis usadas pelo aplicativo atual. Para obter mais informações, consulte Variáveis em aplicativos de tela.

Captura de tela que mostra as coleções no aplicativo que foram encontradas na seção Variáveis.

Uma coleção é um grupo de itens semelhantes, como produtos em uma lista de produtos. Para obter mais informações, consulte Coleções em aplicativos de tela.

Você pode encontrar componentes em seu aplicativo ou localizá-los e substituí-los.

Captura de tela que mostra como selecionar a opção Pesquisar no menu de criação.

Themes

Você pode escolher um tema colorido pré-criado ou personalizar seu próprio tema colorido selecionando + Adicionar um tema.

Captura de tela que mostra como selecionar a opção Temas no menu de criação.

Mídia

Selecione Mídia para adicionar arquivos de imagem, vídeo ou áudio ao aplicativo. Adicionar mídia diretamente ao aplicativo carrega os arquivos para o aplicativo e usa o armazenamento deste.

Captura de tela que mostra como selecionar a opção Mídia no menu de criação.

Dica

  • Cada arquivo carregado no aplicativo como mídia deve ter 64 MB ou menos.
  • O tamanho de todos os arquivos de mídia carregados em um aplicativo não pode exceder 200 MB.

Se você quiser fazer referência a mais mídia, considere usar controles de áudio e vídeo com URLs, mídia de Serviços de Mídia do Azure ou do Microsoft Stream.

Para obter mais informações, consulte Usando arquivos multimídia no Power Apps.

Power Automate

Crie um fluxo com o Power Automate ou selecione um fluxo adicionado anteriormente.

Captura de tela mostrando onde a seção do Power Automate está localizada.

Para obter mais informações, consulte Usar o painel do Power Automate.

Ferramentas avançadas

As ferramentas avançadas incluem Monitor e Testes, onde você pode rastrear e testar seu aplicativo.

Captura de tela que mostra onde a seção Ferramentas avançada está localizada.

7 – Tela

É exibida a tela selecionada, no momento, no Modo de exibição de árvore no menu de criação.

Você pode Usar ações em linha no Power Apps Studio no momento em que estiver editando um aplicativo de tela para não precisar sair da exibição atual. As ações em linha ajudam o processo de desenvolvimento a ser mais eficiente.

8 – Painel Propriedades

O painel de propriedades mostra as propriedades e opções disponíveis para o objeto atualmente selecionado na tela.

  • A guia Exibir mostra opções genéricas, como nome, descrição, mensagem de saída ou saída e muito mais.

  • A guia Avançado mostra opções de personalização com pares de valores de chave em áreas de ação, dados e design em seu aplicativo.

    Dica

    As propriedades avançadas podem ser bloqueadas para edição, como ao trabalhar com cartões de dados. Você pode selecionar Desbloquear para alterar propriedades em tais situações.

Captura de tela que mostra o painel de propriedades que aparece quando você seleciona um objeto na tela. Você vê duas guias neste painel: **Exibir** e **Avançado**.

9 – Configurações e agente virtual

Você pode acessar Configurações na parte inferior do menu de criação de aplicativos ou na barra de comandos, conforme descrito anteriormente.

Você pode pedir a um agente virtual que responda a perguntas em tempo real sobre cenários comuns. Para obter mais informações, consulte Obter ajuda de um agente virtual para criar seu aplicativo.

Captura de tela que mostra o local das configurações e ícones do agente virtual no menu de criação.

10 – Seletor de tela

Use o seletor de tela para alternar entre as telas quando seu aplicativo de tela tiver várias telas. Você também pode selecionar uma tela no menu de criação selecionando a exibição de árvore. Se a seleção atual estiver dentro de um contêiner ou dentro de uma célula individual em uma galeria, o seletor mostra a localização atual dos elementos principais em cada nível.

Captura de tela que mostra a localização do seletor de tela.

11 – Alterar o tamanho da tela

Você pode ampliar ou reduzir durante a criação do aplicativo de tela. Selecione Ctrl+0 (zero) para ajustar à janela, que ajusta a tela ao tamanho da janela de criação atual.

A imagem a seguir mostra a aparência da tela quando ajustada à janela. Você também pode usar os controles para aumentar ou diminuir o zoom para exibir sua tela.

Captura de tela que mostra como é uma tela ajustada à janela. Esta imagem também mostra os controles de zoom para sua tela.

Observação

A porcentagem de zoom ou o tamanho da tela usada na criação de um aplicativo de tela não tem efeito na taxa de proporção configurada para o aplicativo. Quando você visualiza o aplicativo ou reproduz um aplicativo publicado, o tamanho da tela é temporário.