Controle deslizante no Power Apps

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

Description

O usuário pode indicar um valor, entre um valor mínimo e máximo que você especificar, arrastando o identificador de um controle deslizante esquerdo-direito ou para cima para baixo, dependendo da direção escolhida.

Principais propriedades

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 – Rótulo para leitores de tela.

BorderColor – A cor da borda de um controle.

BorderStyle – se a borda de um controle é Solid, Dashed, Dotted ou None.

BorderThickness – A espessura da borda de um controle.

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

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

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 do identificador de um controle deslizante à medida que o usuário altera seu valor.

HandleFill – A cor do identificador (o elemento que altera a posição) em um controle de alternância ou controle deslizante.

HandleHoverFill – A cor do identificador em um controle deslizante quando o usuário mantém o ponteiro do mouse nele.

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 da tela de fundo do retângulo em um controle de alternância quando seu valor é false ou a cor da linha à direita do identificador em um controle deslizante.

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

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

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

ShowValue – se o valor de um controle deslizante ou de classificação aparece à medida que 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 exibido quando o usuário passa o mouse sobre um controle.

ValueFill – A cor da tela de fundo do retângulo em um controle de alternância quando seu valor é verdadeiro ou a cor da linha à esquerda do identificador em um controle deslizante.

ValueHoverFill – Quando você mantém o ponteiro do mouse em um controle de alternância ou controle deslizante, a cor da tela de fundo do retângulo em um controle de alternância quando seu valor é verdadeiro ou a cor da linha à esquerda do identificador 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 a borda esquerda de um controle e a borda esquerda de seu contêiner pai (tela, se nenhum contêiner pai).

Y – a distância entre a borda superior de um controle e a borda superior do contêiner pai (tela, se nenhum contêiner pai).

Funções relacionadas

Sum( Value1, Value2 )

Example

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}, {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?

   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 abaixo do botão e nomeie o controle deslizante MinPopulation.

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

5. Adicione uma galeria de textos na orientação vertical/retrato, mova-a para baixo do controle deslizante e defina a propriedade Items da galeria 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 como esta fórmula:
   Text(ThisItem.Population, "##,###")

7. Pressione F5 e ajuste MinPopulation para mostrar apenas as cidades que têm uma população maior que o valor especificado.

8. Para retornar ao workspace padrão, pressione Esc.

Diretrizes de acessibilidade

Contraste de cores

Deve haver contraste de cores adequado entre:

• ValueFill e RailFill
• ValueHoverFill e RailHoverFill
• FocusedBorderColor e 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 deve estar presente.

Suporte ao teclado

• TabIndex deve ser zero ou maior para que os usuários de teclado possam navegar até ele.
• Indicadores de foco devem estar claramente visíveis. Use FocusedBorderColor e FocusedBorderThickness para conseguir isso.
• O valor do controle deslizante deve ser mostrado ao interagir com o teclado. Isso pode ser alcançado por qualquer um destes métodos:
  • Defina ShowValue como true.
  • Adicione um rótulo adjacente ao controle deslizante. Defina o Texto do rótulo como o Valor do controle deslizante.