Nota
O acesso a esta página requer autorização. Pode tentar iniciar sessão ou alterar os diretórios.
O acesso a esta página requer autorização. Pode tentar alterar os diretórios.
Gráficos para os quais pode configurar as propriedades de aspeto e de comportamento.
Description
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 se o usuário selecionar o controle.
Principais propriedades (ícones e formas)
Preenchimento – A cor de fundo de um controlo.
OnSelect – Ações a serem executadas quando o usuário seleciona um controle.
Propriedades principais (somente ícones)
Ícone - O tipo de ícone a ser exibido (por exemplo, ArrowDown ou Carrinho de Compras).
Rotação - O número de graus para girar o ícone.
Cor - A cor do ícone por nome ou valores RGBA.
Propriedades adicionais
AccessibleLabel – Etiqueta para leitores de tela.
DisplayMode – Se o controle permite a entrada do usuário (Editar), exibe apenas dados (View) ou está desativado (Disabled).
FocusedBorderColor – A cor da borda de um controle quando o controle está focado.
FocusedBorderThickness – A espessura da borda de um controle quando o controle está focado.
Altura – A distância entre as bordas superior e inferior de um controle.
HoverFill – A cor 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 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.
Visível – Se um controle aparece ou está oculto.
Largura – A distância entre as bordas esquerda e direita de um controle.
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).
Funções relacionadas
Navigate( ScreenName, ScreenTransition )
Example
Nomeie o controle de tela padrão Target, adicione um controle Label e defina sua propriedade Text para mostrar Target.
Não sabe como adicionar e configurar um controle?
Adicione um controle Screen e nomeie-o como Source.
Em Source, adicione um controle Shape e defina sua propriedade OnSelect para esta fórmula:
Navigate(Target, ScreenTransition.Fade)
Prima F5 e, em seguida, selecione o controlo Forma .
A tela Target (Destino ) é exibida.
(facultativo) Pressione Esc para retornar ao espaço de trabalho padrão, adicione um controle Shape a Target e defina a propriedade OnSelect do controle Shape para esta fórmula:
Navigate(Source, ScreenTransition.Fade)
Diretrizes de acessibilidade
Contraste de cor
O seguinte aplica-se apenas a gráficos que são usados como botões ou não são apenas para decoração.
Para ícones:
- Cor e Preenchimento
- Outros requisitos de contraste de cor padrão se aplicam (se usado como um botão)
Para formas com bordas:
- BorderColor e a cor fora do controle
- FocusedBorderColor e a cor fora do controle (se usado como um botão)
Para formas sem bordas:
- Preenchimento e a cor fora do controle
- PressionadoFill 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 a leitor de tela
AccessibleLabel deve 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 a string vazia "" . Os leitores de tela ignorarão esses gráficos.
Por exemplo, você pode colocar um ícone de cadeado ao lado de um rótulo que diz Este formulário não pode ser modificado. Você não precisa de um AccessibleLabel para o ícone porque o Label já explica seu significado.
Importante
Quando TabIndex é zero ou maior, o ícone ou a forma se torna um botão. Sua aparência não muda, mas os leitores de tela irão tratá-lo como um botão. Eles não ignorarão o controle, mesmo se AccessibleLabel estiver vazio. Quando TabIndex é menor que zero, os leitores de tela tratam o ícone ou a forma como uma imagem.
Suporte de teclado
TabIndex deve ser zero ou maior se o gráfico for usado como um botão. Os usuários do teclado podem navegar até ele.
Os indicadores de foco devem ser claramente visíveis se o gráfico for usado como um botão. Use FocusedBorderColor e FocusedBorderThickness para obter esse resultado.