Controle Controle deslizante no Power Apps

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

Descrição

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

Principais propriedades

Default – o valor inicial de um controle antes de ele 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.

Value – o valor de um controle de entrada.

Propriedades adicionais

AccessibleLabel – rótulo para leitores de tela.

BorderColor – a cor da borda do controle.

BorderStyle – se a borda do controle é Sólida, Tracejada, Pontilhada ou Nenhuma.

BorderThickness – a espessura da borda do controle.

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

DisabledBorderColor – a cor da borda de um controle se a propriedade DisplayMode do controle estiver definida como Desabilitado.

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

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

HandleActiveFill – a cor da alça de um controle deslizante, conforme o usuário altera seu valor.

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

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.

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

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

Layout – se o usuário rolar por uma galeria ou ajustar 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 alterar o valor de um controle (por exemplo, ajustando um controle deslizante).

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

PressedBorderColor – a cor da borda do controle quando o usuário toca ou clica nesse controle.

RailFill – a cor da tela de fundo do retângulo em um controle Alternância quando seu valor é falso ou a cor da linha à direita do botão em um controle Controle deslizante.

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

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

Reset – se um controle é revertido para seu valor padrão.

ShowValue – se o valor de um controle deslizante ou de classificação é exibido, conforme 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.

Tooltip – texto explicativo exibido quando o usuário passa o mouse sobre um controle.

ValueFill – a cor da tela de fundo do retângulo em um controle Alternância quando seu valor é verdadeiro ou a cor da linha à esquerda do botão em um controle Controle deslizante.

ValueHoverFill – quando você mantém o ponteiro do mouse sobre um controle Alternância ou sobre um controle Controle deslizante, a cor da tela de fundo do retângulo em um controle Alternância quando seu valor é verdadeiro ou a cor da linha à esquerda do botão em um controle Controle deslizante.

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

Funções relacionadas

Sum( Value1, Value2 )

Exemplo

1. Adicione um botão e defina a propriedade OnSelect para esta fórmula:
   ClearCollect(CityPopulations, {City:"London", Country:"United Kingdom", Population:8615000}, {City:"Berlin", Country:"Germany", Population:3562000}, {City:"Madrid", Country:"Spain", Population:3165000}, {City:"Rome", Country:"Italy", Population:2874000}, {City:"Paris", Country:"France", Population:2273000}, {City:"Hamburg", Country:"Germany", Population:1760000}, {City:"Barcelona", Country:"Spain", Population:1602000}, {City:"Munich", Country:"Germany", Population:1494000}, {City:"Milan", Country:"Italy", Population:1344000})

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

   Deseja 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 para baixo 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 para baixo do controle deslizante e defina a propriedade Items como esta fórmula:
   Filter(CityPopulations, Population > MinPopulation)

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 com esta fórmula:
   Text(ThisItem.Population, "##,###")

7. Pressione F5 e então ajuste MinPopulation para mostrar apenas as cidades com uma população superior ao valor especificado.

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

Diretrizes de acessibilidade

Contraste de cores

É necessário haver um contraste de cores adequado entre:

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

Suporte ao leitor de tela

• AccessibleLabel precisa estar presente.

Suporte de teclado

• TabIndex deve ser zero ou maior para que os usuários de teclado possam navegar para ela.
• Os indicadores de foco precisam ser evidentes. Use FocusedBorderColor e FocusedBorderThickness para fazer isso.
• O valor do controle deslizante precisa ser mostrado ao interagir com o teclado. Isso pode ser obtido por meio de qualquer um desses métodos:
  • Definir ShowValue como verdadeiro.
  • Adicionar um Rótulo adjacente ao controle deslizante. Definir o Text do rótulo como o Value do controle deslizante.