Compartilhar via

Controle Tela no Power Apps

  • Artigo

Um elemento da interface do usuário que contém um ou mais controles em um aplicativo.

Descrição

A maioria dos aplicativos tem vários controles Tela que contêm controles Rótulo, controles de Botão e outros controles que mostram os dados e dão suporte à navegação. Para obter informações sobre como adicionar uma tela, reordenar telas e configurar a navegação, revise Adicionar uma tela.

Principais propriedades

BackgroundImage – o nome de um arquivo de imagem exibido na tela de fundo.

Fill – a cor da tela de fundo de um controle.

Propriedades adicionais

Height: a altura da tela. Se o aplicativo for responsivo ( Ajustar para caber está Desativado) e o dispositivo em que o aplicativo está sendo executado for menor que essa propriedade, a tela pode rolar verticalmente.

ImagePosition – a posição (Preencher, Ajustar, Ampliar, Organizar lado a lado ou Centralizar) de uma imagem em uma tela ou em um controle se ela não tiver o mesmo tamanho da imagem.

LoadingSpinner ( Nenhum, Controles ou Dados) - Quando definido como Nenhum, o botão giratório não será exibido. Quando controla | Os dados mostram o controle giratório até que todos os controles filho no nível da tela estejam visíveis. Observação. Controles aninhados não são considerados.

LoadingSpinnerColor - A cor de preenchimento do botão giratório de carregamento.

Name - O nome da tela.

OnHidden – o comportamento de um aplicativo quando o usuário sai de uma tela. Se a regra Desabilitar App.OnStart sem bloqueio estiver habilitada nas configurações do aplicativo, talvez seja necessário aguardar até que a execução do App.OnStart seja concluída. Por padrão, essa configuração fica ativada.

OnVisible – o comportamento de um aplicativo quando o usuário navega para uma tela. Use esta propriedade para configurar variáveis e pré-carregar dados usados pela tela. Use a propriedade App.OnStart para configurar quando o aplicativo for iniciado. Se o App.OnStart sem bloqueio estiver habilitado, o evento Screen.OnVisible poderá ser executado paralelamente a ele. Como resultado, é recomendável evitar confiar em variáveis ou coleções que são inicializadas por App.OnStart, pois elas podem não estar totalmente inicializadas.

Orientation - A orientação da tela. Se a Width é maior que a sua Height, a orientação será Layout.Horizontal ; caso contrário, será Layout.Vertical.

Size - Um número inteiro positivo que classifica o tamanho da tela. A classificação é determinada comparando-se a propriedade Width para os valores na propriedade App.SizeBreakpoints. O tipo ScreenSize consiste em quatro valores ( Pequeno, Médio, Grande e Extra grande) que correspondem aos números inteiros 1 a 4.

Width - a largura da tela. Se o aplicativo for responsivo ( Ajustar para caber está Desativado) e o dispositivo em que o aplicativo está sendo executado for mais restrito que essa propriedade, a tela pode rolar horizontalmente.

Distinct( DataSource, ColumnName )

Exemplo

  1. Adicione um controle Opção, chame-o de ScreenFills e defina sua propriedade Items como este valor:

    ["Red", "Green"]

    Não sabe como adicionar, nomear e configurar um controle?

  2. Nomeie o controle Tela padrão como Origem, adicione outro controle Tela e chame-o de Destino.

  3. Na Origem, adicione um controle de Forma e defina sua propriedade OnSelect como esta fórmula:

    Navigate(Target, ScreenTransition.Fade)

    Deseja saber mais sobre a função Navigate ou outras funções?

  4. Em Destino, adicione um controle Forma (como uma seta) e defina sua propriedade OnSelect como esta fórmula:

    Navigate(Source, ScreenTransition.Fade)

  5. Defina a propriedade Fill de Destino como esta fórmula:

    If("Red" in ScreenFills.Selected.Value, RGBA(255, 0, 0, 1), RGBA(54, 176, 75, 1))

  6. Selecione a tela Fonte e, mantendo pressionada a tecla Alt, selecione uma das opções no controle de Opção e selecione o controle Forma.

    Destino aparece na cor que você selecionou.

  7. Em Destino, selecione o controle Forma para retornar à Origem.

  8. (opcional) Selecione a outra opção no controle Opção e clique ou toque no controle Forma para confirmar que Target aparece na outra cor.

  9. (opcional) Reordene as telas passando o mouse sobre Destino na barra de navegação esquerda, selecionando as reticências que aparecem e, em seguida, selecionando Mover para cima.

    Destino aparece primeiro quando o usuário abre o aplicativo.

Diretrizes de acessibilidade

Contraste de cores

Quando a Tela é a tela de fundo efetiva do texto, é necessário ter um contraste de cores adequado entre:

Por exemplo, se uma Tela contém um Rótulo e um o rótulo tem um preenchimento transparente, o Fill da tela efetivamente se torna a cor da tela de fundo do rótulo.

Além de texto, verifique o contraste de cores com objetos gráficos essenciais como as imagens de estrelas em um controle Classificação.

Suporte ao leitor de tela

  • É necessário ter um nome significativo para cada Tela. O nome da tela pode ser exibido e editado da mesma maneira que outros controles: no modo de exibição de árvore do painel de controles ou no cabeçalho do painel de propriedades.

    Observação

    Quando uma nova Tela for carregada, os leitores de tela anunciarão seu nome.