Compartir por

Control deslizante en Power Apps

Un control co que o usuario pode especificar un valor arrastrando unha agarradoira.

Descripción

O usuario pode indicar un valor, entre un valor mínimo e un valor máximo que especifique, arrastrando o mango dun deslizante de esquerda a dereita ou de arriba a abaixo, dependendo da dirección que elixa.

Propiedades da clave

Predeterminado : o valor inicial dun control antes de que o usuario o modifique.

Máx – O valor máximo ao que o usuario pode definir un control deslizante ou unha clasificación.

Mín – O valor mínimo ao que o usuario pode definir un control deslizante.

Valor - O valor dun control de entrada.

Propiedades adicionais

AccessibleLabel - Etiqueta para lectores de pantalla.

BorderColor - A cor do bordo dun control.

BorderStyle - Se o bordo dun control é sólido, trazado, punteado ou ningún.

BorderThickness - O grosor do bordo dun control.

DisplayMode - Se o control permite a entrada do usuario (Editar), só mostra datos (Vista) ou está desactivado (Desactivado).

DisabledBorderColor - A cor do bordo dun control se a propiedade DisplayMode do control está establecida en Disabled.

FocusedBorderColor - A cor do bordo dun control cando o control está enfocado.

FocusedBorderThickness - O grosor do bordo dun control cando o control está enfocado.

HandleActiveFill - A cor do mango dun deslizante a medida que o usuario cambia o seu valor.

HandleFill - A cor do mango (o elemento que cambia de posición) nun control de conmutación ou deslizante.

HandleHoverFill - A cor do mango nun deslizante cando o usuario mantén o punteiro do rato nel.

HandleSize - O diámetro do mango.

Altura : a distancia entre os bordos superior e inferior dun control.

HoverBorderColor - A cor do bordo dun control cando o usuario mantén o punteiro do rato nese control.

Deseño : se o usuario despraza por unha galería ou axusta un deslizante de arriba a abaixo (vertical) ou de esquerda a dereita (horizontal).

OnChange - Accións a realizar cando o usuario cambia o valor dun control (por exemplo, axustando un deslizante).

OnSelect - Accións a realizar cando o usuario toca ou preme nun control.

PressedBorderColor - A cor do bordo dun control cando o usuario toca ou fai clic nese control.

RailFill - A cor de fondo do rectángulo nun control de alternancia cando o seu valor é falso ou a cor da liña á dereita do mango nun control deslizante.

RailHoverFill - Cando pasas o rato sobre un control de alternancia ou un deslizante, a cor de fondo do rectángulo nun control de alternancia cando o seu valor é falso ou a cor da liña á dereita do mango nun control deslizante.

ReadOnly - Se un usuario pode cambiar o valor dun control deslizante ou de clasificación.

Restablecer: indica se un control volve ao seu valor predeterminado.

ShowValue - Se o valor dun deslizante ou da clasificación aparece cando o usuario cambia ese valor ou pasa sobre o control.

TabIndex - Orde de navegación do teclado en relación con outros controis.

Consello de ferramentas - Texto explicativo que aparece cando o usuario pasa sobre un control.

ValueFill - A cor de fondo do rectángulo nun control de alternancia cando o seu valor é verdadeiro ou a cor da liña á esquerda do mango nun control deslizante.

ValueHoverFill - Cando mantén o punteiro do rato nun control de alternancia ou un deslizante, a cor de fondo do rectángulo nun control de alternancia cando o seu valor é verdadeiro ou a cor da liña á esquerda do mango nun control deslizante.

Visible - Se un control aparece ou está oculto.

Ancho - A distancia entre os bordos esquerdo e dereito dun control.

X - A distancia entre o bordo esquerdo dun control e o bordo esquerdo do seu contedor pai (pantalla se non hai contedor pai).

Y - A distancia entre o bordo superior dun control e o bordo superior do contedor pai (pantalla se non hai contedor pai).

Sum( Valor1, Valor2 )

Exemplo

  1. Engada un botón e axuste a súa propiedade OnSelect nesta fórmula:
    ClearCollect(CityPopulations, {City:"London", Country:"United Kingdom", Population:8615000}, {City:"Berlin", Country:"Germany", Population:3562000}, {City:"Madrid", Country:"Spain", Population:3165000}, {City:"Roma", 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})

    Non sabes como engadir, nomear e configurar un control?

    Queres máis información sobre a función ClearCollect ou outras funcións?

  2. Prema F5, seleccione o botón e, a continuación, prema Esc.

  3. Engade un deslizante, móveo debaixo do botón e nomea o deslizante MinPopulation.

  4. Establece a propiedade Max do deslizante en 5000000 e a súa propiedade Min en 1000000.

  5. Engade unha galería de texto en orientación vertical/retrato, móvea por debaixo do deslizante e establece a propiedade Elementos da galería nesta fórmula:
    Filter(CityPopulations, Population > MinPopulation)

  6. No primeiro elemento da galería, estableza a propiedade Texto da etiqueta superior en ThisItem.City e establece a propiedade Texto da etiqueta inferior a esta fórmula:
    Text(ThisItem.Population, "##,###")

  7. Prema F5 e, a continuación, axuste MinPopulation para mostrar só aquelas cidades que teñen unha poboación maior que o valor que especifique.

  8. Para volver ao espazo de traballo predeterminado, prema Esc.

Directrices de accesibilidade

Contraste de cor

Debe haber un contraste de cor adecuado entre:

  • ValueFill e RailFill
  • ValueHoverFill e RailHoverFill
  • FocusedBorderColor e cor fóra do control
  • Valor de recheo e cor de fondo
  • RailFill e cor de fondo
  • ValorHoverRecheo e cor de fondo
  • RailHoverRecheo e cor de fondo

Soporte do lector de pantalla

Soporte para teclado

  • TabIndex debe ser cero ou maior para que os usuarios do teclado poidan navegar a el.
  • Os indicadores de enfoque deben ser claramente visibles. Use FocusedBorderColor e FocusedBorderThickness para conseguilo.
  • O valor do deslizante debe mostrarse cando interactúa co teclado. Isto pódese conseguir por calquera destes métodos:
    • Definir ShowValue como true.
    • Engadir unha etiqueta adxacente ao deslizante. Establece o texto da etiqueta no valor do deslizante.
  • Last updated on