Controlo Botão de opção no Power Apps

Um controlo de entrada que mostra múltiplas opções, das quais os utilizadores só podem selecionar uma opção de cada vez.

Descrição

Um controlo Botão de opção, um controlo de entrada HTML padrão, é melhor quando é utilizado com apenas algumas opções mutuamente exclusivas.

O controlo pode ter um esquema horizontal ou vertical.

Propriedades principais

Default – o valor de um controlo antes de o utilizador o alterar.

Items – a origem de dados que aparece num controlo, como uma galeria, uma lista ou um gráfico.

Layout – se as opções são dispostas na vertical ou horizontal.

Value – o valor de um controlo de introdução.

Selected – o registo de dados que representa o item selecionado.

Todas as propriedades

Align – a localização de texto em relação ao centro horizontal do seu controlo.

BorderColor – a cor do limite de um controlo.

BorderStyle – se o limite do controlo é Sólido, Tracejado, Com pontos ou Nenhum.

BorderThickness – a espessura do limite de um controlo.

Color – a cor do texto num controlo.

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

DisabledBorderColor – a cor do limite de um controlo se a propriedade DisplayMode do controlo estiver definida como Desativada.

DisabledColor – a cor do texto num controlo se a respetiva propriedade DisplayMode estiver definida como Desativada.

DisabledFill – a cor de fundo de um controlo se a respetiva propriedade DisplayMode estiver definida como Desativada.

Fill – a cor de fundo de um controlo.

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

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

Font – o nome da família dos tipos de letra que aparecem no texto.

FontWeight – a espessura do texto num controlo: Negrito, Seminegrito, Normal ou Mais leve.

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

HoverColor – a cor do texto num controlo quando o utilizador mantém o ponteiro do rato no mesmo.

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

Italic – se o texto num controlo estiver em itálico.

LineHeight – a distância entre, por exemplo, as linhas de texto ou os itens numa lista.

OnChange – Ações a realizar quando o utilizador altera o valor de um controlo (por exemplo, ao ajustar um controlo de deslize).

OnSelect– Ações a realizar quando o utilizador toca ou clica num controlo.

PaddingBottom – a distância entre o texto num controlo e o limite inferior desse controlo.

PaddingLeft – a distância entre o texto num controlo e o limite esquerdo desse controlo.

PaddingRight – a distância entre o texto num controlo e o limite direito desse controlo.

PaddingTop – a distância entre o texto num controlo e o limite superior desse controlo.

PressedColor – a cor do texto num controlo quando o utilizador toca ou clica nesse controlo.

PressedFill – a cor de fundo de um controlo quando o utilizador toca ou clica nesse controlo.

RadioBackgroundFill – a cor de fundo dos círculos num controlo Botão de opção.

RadioBorderColor – a cor do círculo para cada opção de um controlo Botão de opção.

RadioSelectionFill – a cor que aparece no interior do círculo da opção selecionada num controlo Botão de opção.

RadioSize – o diâmetro dos círculos num controlo Botão de opção.

Reset – se um controlo é revertido para o valor predefinido.

SelectedText (Preterido) – um valor de cadeia que representa o item selecionado.

Size – o tamanho do tipo de letra do texto que é apresentado num controlo.

Strikethrough – se é apresentada uma linha no meio do texto que aparece num controlo.

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

Tooltip – o texto explicativo que aparece quando o rato passa por cima de um controlo.

Underline – se é apresentada uma linha sob o texto que aparece num controlo.

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

Funções relacionadas

Distinct( DataSource, ColumnName )

Exemplo

1. Adicione um controlo Botão de opção, dê-lhe o nome Preços e defina a respetiva propriedade Items para esta fórmula:

   ["Standard", "Premium"]

   Não sabe como adicionar, atribuir um nome e configurar um controlo?

2. Adicione um controlo Etiqueta, mova-o para baixo do controlo Botão de opção, e defina a propriedade Text do controlo Etiqueta para esta fórmula:

   If("Premium" em Pricing.Selected.Value, "$200 por dia", "$150 por dia")

   Pretende obter mais informações sobre a função If ou outras funções?

3. Enquanto mantém a tecla Alt premida, selecione uma das opções no controlo Botão de opção.

   O controlo Etiqueta mostra o texto adequado para a sua escolha.

4. (opcional) Enquanto mantém a tecla Alt premida, selecione a outra opção para confirmar que o texto adequado é apresentado.

Diretrizes de acessibilidade

Contraste de cor

Para além dos requisitos de contraste de cor padrão, garanta um contraste de cor adequado entre:

• RadioSelectionFill e RadioBackgroundFill
• RadioBackgroundFill e Fill

Suporte a leitor de ecrã

• Garanta que todas as opções têm um Value.
• Considere adicionar uma Etiqueta imediatamente antes do controlo Botão de opção para servir de cabeçalho.

Suporte de teclado

• Defina a propriedade TabIndex para zero ou superior para que os utilizadores do teclado possam navegar para o mesmo.
• Defina as propriedades FocusedBorderColor e FocusedBorderThickness para que os indicadores de foco sejam claramente visíveis.