Controles Forma e Ícone no Power Apps

  • Artigo

Elementos gráficos para os quais você pode configurar as propriedades de aparência e comportamento.

Descrição

Esses controles incluem setas, formas geométricas, ícones de ação e símbolos para os quais você pode configurar propriedades, como preenchimento, tamanho e local. Você também pode configurar sua propriedade OnSelect para que o aplicativo responda, caso o usuário clique ou selecione o controle.

Principais propriedades (ícones e formas)

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

OnSelect – Ações a serem executadas quando o usuário seleciona um controle.

Principais propriedades (apenas ícones)

Icon - O tipo de ícone a ser exibido (por exemplo, ArrowDown ou ShoppingCart).

Rotation - O número de graus para girar o ícone.

Color - A cor do ícone por nome ou valores RGBA.

Propriedades adicionais

AccessibleLabel – rótulo para leitores de tela.

DisplayMode – se o controle permite entrada do usuário (Edição), apenas exibe dados (Exibição), ou está desabilitado (Desabilitado).

FocusedBorderColor – a cor da borda do controle quando ele está focalizado.

FocusedBorderThickness – A espessura da borda de um controle quando ele está focalizado.

Height – a distância entre a parte superior do controle e as bordas inferiores.

HoverFill – a cor da tela de fundo de um controle quando o usuário mantém o ponteiro do mouse sobre ele.

PressedBorderColor – a cor da borda de um controle quando o usuário seleciona esse controle.

PressedFill – a cor da tela de fundo de um controle quando o usuário seleciona esse controle.

TabIndex – ordem de navegação do teclado em relação a outros controles.

Visible – se um controle é exibido ou está oculto.

Width – a distância entre as bordas esquerda e direita de um controle.

X – a distância entre a borda esquerda de um controle e a borda esquerda de seu contêiner pai (ou a tela, se não houver contêiner pai).

Y – a distância entre a borda superior de um controle e a borda superior de seu contêiner pai (ou a tela, se não houver contêiner pai).

Navigate( ScreenName, ScreenTransition )

Exemplo

  1. Nomeie o controle Tela padrão Destino, adicione um controle Rótulo e defina sua propriedade Text para mostrar o Destino.

    Não sabe como adicionar e configurar um controle?

  2. Adicione um controle Tela e nomeie-o como Fonte.

  3. Em Fonte, adicione um controle Forma e defina sua propriedade OnSelect para esta fórmula:

Navigate(Target, ScreenTransition.Fade)

  1. Pressione F5 e selecione o controle Forma.

    A tela Destino aparece.

  2. (opcional) Pressione Esc para retornar ao workspace padrão, adicione um controle Forma a Destino e defina a propriedade OnSelect do controle Forma para esta fórmula:

Navigate(Source, ScreenTransition.Fade)

Diretrizes de acessibilidade

Contraste de cores

Os requisitos a seguir se aplicam somente a elementos gráficos usados como botões ou que, de outro modo, não servem apenas para decoração.

Para ícones:

Para formas com bordas:

Para formas sem bordas:

  • Fill e a cor fora do controle
  • PressedFill e a cor fora do controle (se usado como um botão)
  • HoverFill e a cor fora do controle (se usado como um botão)

Suporte ao leitor de tela

  • AccessibleLabel precisa ser definido para gráficos importantes.

  • Se o gráfico for para decoração ou fornecer informações redundantes, deixe AccessibleLabel vazio ou defina-o como uma string vazia "". Os leitores de tela irão ignorar esses gráficos.

Por exemplo, você pode colocar um ícone de Cadeado próximo a um Rótulo que diz: Não é possível modificar este formulário. Você não precisa de um AccessibleLabel para o ícone porque o Rótulo já explica o significado.

Importante

Quando TabIndex é igual a zero ou maior, o ícone ou o formato se torna um botão. A aparência não muda, mas os leitores de tela a tratarão como um botão. Eles não irão ignorar o controle, mesmo que AccessibleLabel esteja vazio. Quando TabIndex é menor que zero, o leitor de tela trata o ícone ou forma como uma imagem.

Suporte de teclado

  • TabIndex precisará ser zero ou maior, se o elemento gráfico for usado como um botão. Os usuários do teclado podem navegar até ele.

  • Os indicadores de foco precisarão ser evidentes, se o elemento gráfico for usado como um botão. Use FocusedBorderColor e FocusedBorderThickness para obter esse resultado.

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).