Comentários

Controle Screen no Power Apps

  • Artigo
  • 2 minutos para o fim da leitura

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 Screen que contêm controles Label, controles de Button 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 mostrarão o controle giratório até que todos os controles filho no nível da tela estejam visíveis. Nota. 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.

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.

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 Radio, 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 Screen padrão como Origem, adicione outro controle Screen e chame-o de Destino.

  3. Na Origem, adicione um controle de Shape 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 Shape (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 Radio e selecione o controle Shape.

    Destino aparece na cor que você selecionou.

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

  8. (opcional) Selecione a outra opção no controle Radio e clique ou toque no controle Shape 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 Screen é a tela de fundo efetiva do texto, é necessário ter um contraste de cores adequado entre:

Por exemplo, se uma Screen contém um Label 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 Rating.

Suporte ao leitor de tela

  • É necessário ter um nome significativo para cada Screen. 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 Screen for carregada, os leitores de tela anunciarão seu nome.

Observação

Você pode nos falar mais sobre suas preferências de idioma para documentação? Faça uma pesquisa rápida. (Observe que esta pesquisa está em inglês)

A pesquisa levará cerca de sete minutos. Nenhum dado pessoal é coletado (política de privacidade).