Controle deslizante no Power Apps

Um controle com o qual o usuário pode especificar um valor arrastando uma alça.

Description

O usuário pode indicar um valor, entre um valor mínimo e um valor máximo que você especificar, arrastando a alça de um controle deslizante esquerda-direita ou para cima-baixo, dependendo da direção que você escolher.

Propriedades chave

Padrão – O valor inicial de um controle antes de ser alterado pelo usuário.

Max – O valor máximo para o qual o usuário pode definir um controle deslizante ou uma classificação.

Min – O valor mínimo para o qual o usuário pode definir um controle deslizante.

Valor – O valor de um controle de entrada.

Propriedades adicionais

AccessibleLabel – Etiqueta para leitores de tela.

BorderColor – A cor da borda de um controle.

BorderStyle – Se a borda de um controle é Sólida, Tracejada, Pontilhada ou Nenhuma.

BorderThickness – A espessura da borda de um controle.

DisplayMode – Se o controle permite a entrada do usuário (Editar), exibe apenas dados (View) ou está desativado (Disabled).

DisabledBorderColor – A cor da borda de um controle se a propriedade DisplayMode do controle estiver definida como 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.

HandleActiveFill – A cor da alça de um controle deslizante à medida que o usuário altera seu valor.

HandleFill – A cor da alça (o elemento que muda de posição) em um controle deslizante ou de alternância.

HandleHoverFill – A cor da alça em um controle deslizante quando o usuário mantém o ponteiro do mouse sobre ele.

HandleSize – O diâmetro da alça.

Altura – A distância entre as bordas superior e inferior de um controle.

HoverBorderColor – A cor da borda de um controle quando o usuário mantém o ponteiro do mouse nesse controle.

Layout – Se o usuário rola por uma galeria ou ajusta um controle deslizante de cima para baixo (Vertical) ou da esquerda para a direita (Horizontal).

OnChange – Ações a serem executadas quando o usuário altera o valor de um controle (por exemplo, ajustando um controle deslizante).

OnSelect – Ações a serem executadas quando o usuário toca ou clica em um controle.

PressedBorderColor – A cor da borda de um controle quando o usuário toca ou clica nesse controle.

RailFill – A cor de fundo do retângulo em um controle de alternância quando seu valor é false ou a cor da linha à direita da alça em um controle deslizante.

RailHoverFill – Quando você passa o mouse sobre um controle de alternância ou um controle deslizante, a cor de fundo do retângulo em um controle de alternância quando seu valor é falso ou a cor da linha à direita da alça em um controle deslizante.

ReadOnly – Se um usuário pode alterar o valor de um controle deslizante ou de classificação.

Redefinir – Se um controle reverte para seu valor padrão.

ShowValue – Se o valor de um controle deslizante ou classificação aparece quando o usuário altera esse valor ou passa o mouse sobre o controle.

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

Dica de ferramenta – Texto explicativo que aparece quando o usuário passa o mouse sobre um controle.

ValueFill – A cor de plano de fundo do retângulo em um controle de alternância quando seu valor é true ou a cor da linha à esquerda da alça em um controle deslizante.

ValueHoverFill – Quando você mantém o ponteiro do mouse em um controle de alternância ou um controle deslizante, a cor de plano de fundo do retângulo em um controle de alternância quando seu valor é true ou a cor da linha à esquerda da alça em um controle deslizante.

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

Soma( Valor1, Valor2 )

Example

1. Adicione um botão e defina a respetiva propriedade OnSelect a esta fórmula:
   ClearCollect(CidadesPopulações, {Cidade:"Londres", País:"Reino Unido", População:8615000}, {Cidade:"Berlim", País:"Alemanha", População:3562000}, {Cidade:"Madrid", País:"Espanha", População:3165000}, {Cidade:"Roma", País:"Itália", População:2874000}, {Cidade:"Paris", País:"França", População:2273000}, {Cidade:"Hamburgo", País:"Alemanha", População:1760000}, {Cidade:"Barcelona", País:"Espanha", População:1602000}, {Cidade:"Munique", País:"Alemanha", População:1494000}, {Cidade:"Milão", País:"Itália", População:1344000})

   Não sabe como adicionar, nomear e configurar um controle?

   Quer obter mais informações sobre a função ClearCollect ou outras funções?

2. Pressione F5, selecione o botão e pressione Esc.

3. Adicione um controle deslizante, mova-o abaixo do botão e nomeie o controle deslizante MinPopulation.

4. Defina a propriedade Max do controle deslizante como 5000000 e sua propriedade Min como 1000000.

5. Adicione uma galeria de texto na orientação vertical/retrato, mova-a abaixo do controle deslizante e defina a propriedade Items da galeria para esta fórmula:
   Filtrar(CidadesPopulações, População > MinPopulação)

6. No primeiro item da galeria, defina a propriedade Text do rótulo superior como ThisItem.City e defina a propriedade Text do rótulo inferior como esta fórmula:
   Texto(ThisItem.Population, "##,###")

7. Prima F5 e, em seguida, ajuste MinPopulation para mostrar apenas as cidades que têm uma população superior ao valor que especificar.

8. Para retornar ao espaço de trabalho padrão, pressione Esc.

Diretrizes de acessibilidade

Contraste de cor

Deve haver um contraste de cor adequado entre:

• ValueFill e RailFill
• ValueHoverFill e RailHoverFill
• FocusedBorderColor e cor fora do controle
• ValueFill e cor de fundo
• RailFill e cor de fundo
• ValueHoverFill e cor de fundo
• RailHoverFill e cor de fundo

Suporte a leitor de ecrã

• AccessibleLabel deve estar presente.

Suporte de teclado

• TabIndex deve ser zero ou maior para que os usuários do teclado possam navegar até ele.
• Os indicadores de focalização devem ser claramente visíveis. Use FocusedBorderColor e FocusedBorderThickness para conseguir isso.
• O valor do controle deslizante deve ser mostrado ao interagir com o teclado. Isto pode ser conseguido através de qualquer um destes métodos:
  • Defina ShowValue como true.
  • Adicione um Rótulo adjacente ao controle deslizante. Defina o Texto do rótulo como Valor do controle deslizante.