Controlos Forma e Ícone no Power Apps

  • Artigo

Gráficos para os quais pode configurar as propriedades de aspeto e de comportamento.

Descrição

Estes controlos incluem setas, formas geométricas, ícones de ação e símbolos para os quais pode configurar propriedades como preenchimento, tamanho e localização. Também pode configurar a propriedade OnSelect dos mesmos, para que a aplicação responda caso o utilizador selecione esses controlos.

Propriedades principais (ícones e formas)

Fill – a cor de fundo de um controlo.

OnSelect– Ações a efetuar quando o utilizador toca ou seleciona um controlo.

Propriedades principais (apenas ícones)

Ícone - o tipo de ícone a apresentar (por exemplo, ArrowDown ou ShoppingCart).

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

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

Propriedades adicionais

AccessibleLabel – a etiqueta para os leitores de ecrãs.

DisplayMode – se o controlo permite a intervenção do utilizador (Editar), apenas apresenta os dados (Visualizar), ou está desativado (Desativado).

FocusedBorderColor – a cor do limite de um controlo quando o controlo é destacado.

FocusedBorderThickness – a espessura do limite de um controlo quando o controlo é destacado.

Height – a distância entre as margens superiores e inferiores de um controlo.

HoverFill – a cor de fundo de um controlo quando o utilizador mantém o ponteiro do rato no mesmo.

PressedBorderColor – a cor do limite de um controlo quando o utilizador seleciona esse controlo.

PressedFill – a cor de fundo de um controlo quando o utilizador seleciona esse controlo.

TabIndex – a ordem de navegação no teclado em relação a outros controlos.

Visible – se um controlo é apresentado ou está oculto.

Width – a distância entre as margens esquerda e direita de um controlo.

X – a distância entre o limite esquerdo de um controlo e o limite esquerdo do respetivo recipiente principal (do ecrã, se não existir um recipiente principal).

Y – a distância entre o limite superior de um controlo e o limite superior do recipiente principal (do ecrã, se não existir um recipiente principal).

Navigate( ScreenName, ScreenTransition )

Exemplo

  1. Dê o nome Destino ao controlo Ecrã predefinido, adicione um controlo de Etiqueta e defina a respetiva propriedade Text para mostrar Destino.

    Não sabe como adicionar e configurar um controlo?

  2. Adicione um controlo Ecrã e dê-lhe o nome Origem.

  3. Em Origem, adicione um controlo de Forma e defina a respetiva propriedade OnSelect como esta fórmula:

Navigate(Target, ScreenTransition.Fade)

  1. Prima F5 e, em seguida, selecione o controlo de Forma.

    É apresentado o ecrã Destino.

  2. (opcional) Prima Esc para regressar à área de trabalho predefinida, adicione um controlo de Forma a Destino e defina a propriedade OnSelect do controlo de Forma como esta fórmula:

Navigate(Source, ScreenTransition.Fade)

Diretrizes de acessibilidade

Contraste de cor

O seguinte só se aplica a gráficos que são utilizados como botões ou que não são utilizados apenas como decoração.

Para os ícones:

Para formas com limites:

Para formas sem limites:

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

Suporte a leitor de ecrã

  • AccessibleLabel tem de ser definido para os gráficos importantes.

  • Se o gráfico for para decoração ou fornecer informações redundantes, deixe AccessibleLabel vazio ou defina-o como cadeia vazia "" . Os leitores de ecrã vão ignorar estes gráficos.

Por exemplo, poderá colocar um ícone Cadeado junto a uma Etiqueta com a indicação Este formulário não pode ser modificado. Não precisa de uma AccessibleLabel para o ícone porque a Etiqueta já explica o seu significado.

Importante

Quando TabIndex for igual a zero ou superior, o ícone ou a forma torna-se um botão. A sua aparência não muda, mas os leitores de ecrã vão tratá-lo como um botão. Não vão ignor o controlo, mesmo que AccessibleLabel esteja vazio. Quando TabIndex é inferior a zero, os leitores de ecrã tratam o ícone ou a forma como uma imagem.

Suporte de teclado

  • TabIndex terá de ser zero ou superior se o gráfico for utilizado como um botão. Os utilizadores de teclado poderão então navegar até ele.

  • Os indicadores de foco terão de estar claramente visíveis se o elemento gráfico for utilizado como um botão. Utilize FocusedBorderColor e FocusedBorderThickness para conseguir este resultado.

Nota

Pode indicar-nos as suas preferências no que se refere ao idioma da documentação? Responda a um breve inquérito. (tenha em atenção que o inquérito está em inglês)

O inquérito irá demorar cerca de sete minutos. Não são recolhidos dados pessoais (declaração de privacidade).