Adicionar e configurar um controlo de aplicação de tela no Power Apps

Adicione uma variedade de elementos de IU à sua aplicação de tela e configure diretamente elementos do seu aspeto e comportamento, a partir da barra de ferramentas, no separador Propriedades ou na barra de fórmulas. Estes elementos de IU são denominados controlos e os aspetos que configura são denominados propriedades.

Pré-requisitos

  1. Se ainda não tiver uma licença do Power Apps, subscreva e, em seguida, inicie sessão.

  2. Em Crie a sua própria aplicação, paire o cursor do rato sobre Aplicação de tela em branco e, em seguida, selecione Criar esta aplicação.

  3. Se for solicitado que faça a visita guiada, selecione Seguinte para se familiarizar com áreas chave da interface do Power Apps (ou selecione Ignorar).

    Pode sempre fazer a visita guiada mais tarde ao selecionar o ícone de ponto de interrogação perto do canto superior direito do ecrã, e ao selecionar Fazer a visita guiada de introdução.

Adicionar e selecionar um controlo

No separador Inserir, execute um destes passos:

  • Selecione Etiqueta ou Botão para adicionar um desses tipos de controlo.
  • Selecione uma categoria de controlos e, em seguida, selecione o tipo de controlo que pretende adicionar.

Por exemplo, selecione Novo ecrã e, em seguida, selecione Em branco para adicionar um ecrã em branco à sua aplicação. (Os ecrãs são um tipo de controlo que pode conter outros tipos de controlo.)

Adicionar ecrã

O novo ecrã é denominado Screen2 e aparece no painel de navegação esquerdo. Este painel mostra uma lista de controlos hierárquica na sua aplicação para poder localizar e selecionar facilmente cada controlo.

Screen2 na lista

Para demonstrar como esta lista funciona, selecione Etiqueta no separador Inserir. O novo controlo aparece em Screen2 na lista hierárquica.

Screen2 na lista

No ecrã, uma caixa com seis identificadores rodeia a etiqueta por predefinição. Esse tipo de caixa rodeia o controlo que está selecionado. Se selecionar o ecrã ao clicar ou tocar nela (mas fora da etiqueta), a caixa desaparece da etiqueta. Para selecionar novamente a etiqueta, pode clicar ou tocar nela, ou clicar ou tocar no respetivo nome na lista de controlos hierárquica.

Importante

Tem sempre de selecionar um controlo antes de poder configurá-lo.

Renomear um controlo

Na lista de controlos hierárquica, passe o ponteiro do rato sobre o controlo cujo nome pretende mudar, selecione o botão de reticências que aparece e, em seguida, selecione Mudar o nome. Em seguida, pode escrever um nome exclusivo e fácil de memorizar para facilitar a construção da sua aplicação.

Mudar o nome do controlo

Eliminar um controlo

Na lista de controlos hierárquica, passe o ponteiro do rato sobre o controlo cujo nome pretende eliminar, selecione o botão de reticências que aparece e, em seguida, selecione Eliminar. Para eliminar um controlo que não seja um ecrã, também pode selecionar o controlo no ecrã e, em seguida, prima a tecla Delete.

Eliminar controlo

Reordenar ecrãs

Na lista de controlos hierárquica, passe o ponteiro do rato sobre um ecrã que pretende mover para cima ou para baixo, selecione o botão de reticências que aparece e, em seguida, selecione Mover para cima ou Mover para baixo.

Reordenar ecrã

Nota

Quando a aplicação é aberta, o ecrã na parte superior da lista de controlos hierárquica é normalmente apresentado primeiro. Mas pode especificar um ecrã diferente ao definir a propriedade OnStart para uma fórmula que inclui a função Navegar.

Mover e redimensionar um controlo

Para mover um controlo, selecione-o, passe o ponteiro do rato sobre a seta de quatro pontas que aparece e, em seguida, arraste o controlo para uma localização diferente.

Mover controlo

Para redimensionar um controlo, selecione-o, passe o ponteiro do rato sobre qualquer alça na caixa de seleção para aparecer a seta de duas pontas e, em seguida, arraste a alça.

Mover controlo

Nota

Tal como este tópico descreve mais tarde, também pode mover e redimensionar um controlo ao modificar qualquer combinação das respetivas propriedades X, Y, Altura e Largura na barra de fórmulas.

Alterar o texto de uma etiqueta ou de um botão

Selecione uma etiqueta ou botão, faça duplo clique no texto que é apresentado no controlo e, em seguida, escreva o texto pretendido.

Alterar texto

Nota

Como este tópico descreve mais tarde, também pode alterar este texto ao modificar a respetiva propriedade Texto na barra de fórmulas.

Configurar um controlo da barra de ferramentas

Ao configurar um controlo da barra de ferramentas, pode especificar uma variedade de opções mais ampla do que pode ao configurar um controlo diretamente.

Por exemplo, pode selecionar uma etiqueta, selecionar o separador Base e, em seguida, alterar a o tipo de letra do texto na etiqueta.

Alterar tipo de letra

Configurar um controlo do separador Propriedades

Ao utilizar o separador Propriedades, pode especificar uma variedade de opções mais ampla do que pode ao configurar um controlo a partir da barra de ferramentas.

Por exemplo, pode selecionar um controlo e, em seguida, mostrá-lo ou ocultá-lo ao alterar a respetiva propriedade Visível.

Definir visibilidade

Configurar um controlo na barra de fórmulas

Em vez de configurar um controlo diretamente, na barra de ferramentas ou no separador Propriedades, pode configurar um controlo ao selecionar uma propriedade na lista de propriedades e, em seguida, especificar um valor na barra de fórmulas. Ao assumir esta abordagem, pode procurar uma propriedade por ordem alfabética e especificar mais tipos de valores.

Por exemplo, pode selecionar uma etiqueta e, em seguida, configurá-la das seguintes maneiras:

  • Mova-a ao selecionar X ou Y na lista de propriedades e, em seguida, ao especificar um número diferente na barra de fórmulas.

    Definir a propriedade X

  • Redimensione-a ao selecionar Altura ou Largura na lista de propriedades e, em seguida, ao especificar um número diferente na barra de fórmulas.

    Definir propriedade Altura

  • Altere o respetivo texto ao selecionar Texto na lista de propriedades e, em seguida, ao especificar qualquer combinação de uma cadeia literal, uma expressão ou uma fórmula na barra de fórmulas.

    • Uma cadeia de caracteres literal é circundada por aspas e é apresentada exatamente à medida que a escreve. "Olá, mundo" é uma cadeia de caracteres literal.

      Definir a propriedade Text para uma cadeia de caracteres literal

    • Uma expressão não inclui uma função e, muitas vezes, baseia-se numa propriedade de outro controlo. Screen1.Height é uma expressão que mostra a altura de Screen1.

      Definir a propriedade Text como uma expressão

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

      Definir a propriedade Text para uma fórmula

      Normalmente, as fórmulas são muito mais complexas do que este exemplo para poderem atualizar os dados, ordená-los, filtrá-los e efetuar outras operações. Para mais informações, consulte a referência de fórmula.

Passos seguintes