Adicionar e configurar controles em aplicativos de tela

Adicione vários elementos de interface do usuário ao seu aplicativo de tela e configure aspectos de sua aparência e comportamento diretamente, na barra de ferramentas, na guia Propriedades ou na barra de fórmulas. Esses elementos da interface do usuário são chamados de controles e os aspectos que você configura são chamados de propriedades.

Pré-requisitos

  1. Se você ainda não possui uma licença do Power Apps, inscreva-se e depois entre.

  2. Em Criar seu próprio aplicativo, passe o mouse sobre Aplicativo de tela a partir de um em branco e, em seguida, selecione Criar este aplicativo.

  3. Se você for solicitado a fazer o tour de introdução, selecione Avançar para se familiarizar com as principais áreas da interface do Power Apps (ou selecione Ignorar).

    Você pode sempre fazer o tour mais tarde selecionando o ícone do ponto de interrogação no canto superior direito da tela e selecionando Fazer o tour de introdução.

Adicionar e selecionar um controle

Na guia Inserir, execute uma destas etapas:

  • Selecione Label ou Button para adicionar um desses tipos de controles.
  • Selecione uma categoria de controles e, em seguida, selecione o tipo de controle que você deseja adicionar.

Por exemplo, selecione Nova tela e depois Em branco para adicionar uma tela em branco ao seu aplicativo. (As telas são um tipo de controle que pode conter outros tipos de controles.)

Adicione a tela.

A nova tela é nomeada Screen2 e aparece no painel de navegação esquerdo. Este painel mostra uma lista hierárquica de controles no seu aplicativo para que você possa encontrar e selecionar facilmente cada controle.

Screen2 na lista.

Para demonstrar como essa lista funciona, selecione Label na guia Inserir. O novo controle aparece em Screen2 na lista hierárquica.

Insira o rótulo.

Na tela, uma caixa com seis alças envolve o rótulo por padrão. Esse tipo de caixa envolve o controle selecionado. Se você selecionar a tela clicando ou tocando nela (mas fora do rótulo), a caixa desaparecerá do rótulo. Para selecionar o rótulo novamente, clique ou toque nele ou clique ou toque no nome dele na lista hierárquica de controles.

Importante

Você sempre deve selecionar um controle antes de poder configurá-lo.

Renomear um controle

Na lista hierárquica de controles, passe o mouse sobre o controle que deseja renomear, selecione o botão de reticências que aparece e, em seguida, selecione Renomear. Você pode digitar um nome exclusivo e memorável para facilitar a criação do aplicativo.

Renomeie o controle.

Excluir um controle

Na lista hierárquica de controles, passe o mouse sobre o controle que deseja excluir, selecione o botão de reticências que aparece e, em seguida, selecione Excluir. Para excluir um controle que não é uma tela, você também pode selecionar o controle na tela e pressionar a tecla Delete.

Exclua o controle.

Reordenar telas

Na lista hierárquica de controles, passe o mouse sobre uma tela que você deseja se mover para cima ou para baixo, selecione o botão de reticências que aparece e selecione Mover para cima ou Mover para baixo.

Reordene a tela.

Observação

Quando o aplicativo é aberto, a tela na parte superior da lista hierárquica de controles geralmente aparece primeiro. Contudo, você pode especificar uma tela diferente definindo a propriedade OnStart como uma fórmula que inclui a função Navigate.

Mover e redimensionar um controle

Para mover um controle, selecione-o, passe o mouse sobre o centro para que a seta de quatro pontas apareça e arraste o controle para um local diferente.

Mova o controle.

Para redimensionar um controle, selecione-o, passe o mouse sobre qualquer alça na caixa de seleção para que a seta de duas pontas apareça e arraste a alça.

Arraste o controle.

Observação

Como este tópico descreve mais adiante, você também pode mover e redimensionar um controle modificando qualquer combinação de suas propriedades X, Y, Height e Width na barra de fórmulas.

Alterar o texto de um rótulo ou botão

Selecione um rótulo ou botão, clique duas vezes no texto que aparece no controle e digite o texto que deseja.

Altere o texto.

Observação

Como este tópico descreve mais adiante, você também pode alterar esse texto modificando sua propriedade Text na barra de fórmulas.

Configurar um controle na barra de ferramentas

Configurando um controle na barra de ferramentas, você pode especificar uma variedade maior de opções do que configurando um controle diretamente.

Por exemplo, você pode selecionar um rótulo, selecionar a guia Página Inicial e alterar a fonte do texto no rótulo.

Altere a fonte.

Configurar um controle na guia Propriedades

Usando a guia Propriedades, você pode especificar uma variedade maior de opções do que configurando um controle na barra de ferramentas.

Por exemplo, você pode selecionar um controle e, em seguida, mostrá-lo ou ocultá-lo, alterando sua propriedade Visible.

Defina a visibilidade.

Configurar um controle na barra de fórmulas

Em vez de configurar um controle diretamente, na barra de ferramentas ou na guia Propriedades, você pode configurar um controle selecionando uma propriedade na lista de propriedades e especificando um valor na barra de fórmulas. Ao adotar essa abordagem, é possível procurar uma propriedade em ordem alfabética e especificar mais tipos de valores.

Por exemplo, você pode selecionar um rótulo e configurá-lo das seguintes maneiras:

  • Mova-o selecionando X ou Y na lista de propriedades e especificando um número diferente na barra de fórmulas.

    Defina a propriedade X.

  • Redimensione-o selecionando Height ou Width na lista de propriedades e especificando um número diferente na barra de fórmulas.

    Defina a propriedade Height.

  • Altere seu texto selecionando Text na lista de propriedades e especificando qualquer combinação de uma cadeia de caracteres literal, uma expressão ou uma fórmula na barra de fórmulas.

    • Uma cadeia de caracteres literal é colocada entre aspas e aparece conforme você a digita. "Hello, world" é uma cadeia de caracteres literal.

      Defina a propriedade Text como uma cadeia de caracteres literal.

    • Uma expressão não inclui uma função e geralmente é baseada na propriedade de outro controle. Screen1.Height é uma expressão que mostra a altura de Screen1.

      Defina a propriedade Text como uma expressão.

    • Uma fórmula inclui uma ou mais funções. A função Now retorna a data e a hora atuais no fuso horário local e a função Text formata valores como datas, horas e moeda.

      Defina a propriedade Text como uma fórmula.

      As fórmulas geralmente são muito mais complexas que esse exemplo, para que possam atualizar dados, classificá-los, filtrá-los e executar outras operações. Para obter mais informações, consulte a referência de fórmulas.

Próximas etapas