Adicionar e configurar controlos em aplicações de tela
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
Se ainda não tiver uma licença do Power Apps, subscreva e, em seguida, inicie sessão.
Criar uma aplicação de tela em branco.
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
Vamos adicionar uma nova tela e um controle de botão. No entanto, você pode adicionar qualquer tipo de controle.
Selecione Inserir a partir do menu de criação e, em seguida, selecione Novo ecrã.
Escolha 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.)
O novo ecrã é denominado Screen2 e aparece na Vista de árvore. Este painel mostra uma lista de controlos hierárquica na sua aplicação para poder localizar e selecionar facilmente cada controlo.
Com o Screen2 selecionado, selecione Inserir novamente.
Selecione o controlo Botão. O novo controlo aparece por baixo do Screen2 na lista hierárquica da Vista de árvore.
No ecrã, uma caixa com seis alças rodeia o botão por predefinição. Estas alças rodeiam qualquer controlo selecionado e são usadas para dimensionar o controlo.
Selecione o ecrã (fora do botão) e as alças da caixa desaparecem. Para selecionar o controlo novamente, selecione-o diretamente na tela ou a partir da lista Vista de árvore.
Importante
Tem sempre de selecionar um controlo antes de poder configurá-lo.
Renomear um controlo
Na lista de controlos, paire o rato sobre o controlo que deseja renomear para revelar o menu de capacidade excedida (reticências).
Selecione as reticências.
Selecione Mudar nome. Adicione um nome exclusivo e fácil de memorizar para facilitar a construção da sua aplicação.
Eliminar um controlo
Pode eliminar um controlo através do controlo na lista Vista de árvore ou diretamente na tela.
Excluir um controle do modo de exibição Árvore
- Na lista de controlos, paire o rato sobre o controlo que deseja eliminar para revelar o menu de capacidade excedida (reticências).
- Selecione as reticências.
- Selecione Eliminar.
Eliminar um controlo a partir da tela
Selecione o controle na tela e pressione a Delete tecla.
Reordenar ecrãs
Na Vista de árvore, paire o rato sobre um ecrã que pretende mover para cima ou para baixo para revelar o menu de capacidade excedida (reticências).
Selecione as reticências e, em seguida, escolha Mover para cima ou Mover para baixo. Se não vir a opção Mover para baixo , o ecrã já se encontra no ponto mais baixo da lista.
Nota
Quando a aplicação é aberta, o ecrã na parte superior da lista de controlos é normalmente apresentado primeiro. No entanto, 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.
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.
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.
Configurar um controlo no painel Propriedades
Usando o painel Propriedades , específico para o controle selecionado, você pode especificar uma grande variedade de opções.
Por exemplo, se selecionar um controlo de botão, poderá substituir o valor do texto apresentado através do painel Propriedades do controlo.
Nota
Como alternativa, pode alterar o texto a apresentar modificando a sua propriedade Texto na barra de fórmulas.
Configurar um controlo na barra de fórmulas
Você pode configurar um controle selecionando uma propriedade na lista de propriedades e especificando um valor na barra de fórmulas. O preenchimento automático pode ser útil na barra de fórmulas para ver os valores que você pode usar para um controle.
Alterar a cor do tipo de letra de um controlo
Por exemplo, se você quiser alterar a cor da fonte para o texto do controle. Você vê muitas opções de cores.
Alterar a posição na tela de um controlo
Você pode definir as coordenadas X e Y para a posição do controle usando a barra de fórmulas. A definição de coordenadas na barra de fórmulas dá-lhe uma maior precisão na colocação do controlo.
Por exemplo, se você selecionar X ou Y na lista de propriedades e especificar um número na barra de fórmulas, verá o controle se mover para essa coordenada. Nesse caso, o botão se move para a posição 100 no eixo X, assumindo que o lado esquerdo da tela é o ponto zero.
Alterar o tamanho do controle
Pode redimensionar um controlo ao selecionar Altura ou Largura na lista de propriedades e, em seguida, especificar um número diferente na barra de fórmulas.
Alterar o texto de exibição do controle
Pode alterar o texto a apresentar de um controlo 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.
String literal
Uma cadeia de caracteres literal é circundada por aspas e é apresentada exatamente à medida que a escreve. "Olá, mundo" é uma cadeia de caracteres literal.
Nota
Quando você adiciona texto que é maior do que a largura do seu controle, o controle não altera sua largura para acomodar o texto. Você deve alterar manualmente o tamanho do controle para ajustar o texto.
Expression
Uma expressão é frequentemente baseada em uma propriedade de outro controle. Screen2.Height é uma expressão que mostra a altura de Screen2 onde o texto a apresentar é mostrado para um controlo de botão.
Usando uma expressão, por exemplo, você pode definir uma imagem de fundo ou ícone como o preenchimento para o seu botão.
Fórmula
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.
Por exemplo, pode apresentar a data e hora numa Etiqueta:
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.