Control Control deslizante en Power Apps

Un control con el que el usuario puede especificar un valor arrastrando un controlador.

Descripción

El usuario puede indicar un valor comprendido entre un valor mínimo y uno máximo que puede especificar arrastrando el controlador de un control deslizante de derecha a izquierda o de arriba a abajo, dependiendo de la dirección que desee.

Propiedades clave

Default: el valor inicial de un control antes de que lo cambie el usuario.

Max: el valor máximo para el que el usuario puede establecer un control deslizante o una clasificación.

Min: el valor mínimo para el que el usuario puede establecer un control deslizante.

Value: el valor de un control de entrada.

Propiedades adicionales

AccessibleLabel: etiqueta para lectores de pantalla.

BorderColor: el color del borde de un control.

BorderStyle: si el borde del control es Solid, Dashed, Dotted o None.

BorderThickness: el grosor del borde de un control.

DisplayMode: indica si el control permite entradas de usuario (Editar), solo muestra datos (Ver) o si está deshabilitado (Deshabilitado).

DisabledBorderColor: el color del borde de un control si la propiedad DisplayMode del control está establecida en Deshabilitado.

FocusedBorderColor: el color del borde de un control cuando el control recibe el foco.

FocusedBorderThickness: el grosor del borde de un control cuando el control recibe el foco.

HandleActiveFill: el color del controlador de un control deslizante cuando el usuario cambia su valor.

HandleFill: el color del controlador (el elemento que cambia de posición) en un control de alternancia o control deslizante.

HandleHoverFill: el color del texto del controlador cuando el usuario mantiene el puntero sobre él.

HandleSize: el diámetro del controlador.

Height: la distancia entre los bordes superior e inferior de un control.

HoverBorderColor: el color del borde de un control cuando el usuario mantiene el puntero del ratón sobre ese control.

Layout: indica si el usuario se desplaza por la galería o ajusta un control deslizante de arriba a abajo (Vertical) o de izquierda a derecha (Horizontal).

OnChange: acciones para llevar a cabo cuando el usuario cambia el valor de un control (por ejemplo, mediante el ajuste de un control deslizante).

OnSelect: acciones para llevar a cabo cuando el usuario toca o hace clic en un control.

PressedBorderColor: el color de un borde del control cuando el usuario toca o hace clic en ese control.

RailFill: color de fondo del rectángulo en un control de alternancia cuando su valor es false o color de la línea de la derecha del identificador en un control deslizante.

RailHoverFill: al mantener el puntero sobre un control Alternancia o Control deslizante, color de fondo del rectángulo del primero cuando su valor es false o color de la línea de la derecha del identificador del Control deslizante.

ReadOnly: indica si un usuario puede cambiar el valor de un control deslizante o el control de clasificación.

Reset: indica si un control vuelve a su valor predeterminado.

ShowValue: indica si el valor de un control deslizante o una clasificación aparece cuando el usuario cambia ese valor o mantiene el puntero sobre el control.

TabIndex: orden de navegación del teclado en relación con otros controles.

Tooltip: texto explicativo que aparece cuando el usuario mantiene el mouse sobre un control.

ValueFill: color de fondo del rectángulo en un control de alternancia cuando su valor es true o color de la línea de la izquierda del identificador en un control deslizante.

ValueHoverFill: al mantener el puntero del mouse sobre un control de alternancia o un control deslizante, color de fondo del rectángulo del primero cuando su valor es true o color de la línea de la izquierda del identificador del segundo.

Visible: indica si un control aparece o está oculto.

Width: la distancia entre los bordes derecho e izquierdo de un control.

X: la distancia entre el borde izquierdo de un control y el borde izquierdo de su contenedor primario (la pantalla si no hay un contenedor primario).

Y: la distancia entre el borde superior de un control y el borde superior de su contenedor primario (la pantalla si no hay un contenedor primario).

Funciones relacionadas

Sum( Value1, Value2 )

Ejemplo

1. Agregue un botón y establezca su propiedad OnSelect en 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})

   ¿No sabe cómo agregar, nombrar y configurar un control?

   ¿Desea más información sobre la función ClearCollect u otras funciones?

2. Presione F5, seleccione el botón y presione Esc.

3. Agregue un control deslizante, muévalo debajo del botón y llámelo MinPopulation.

4. Establezca la propiedad Max del control deslizante en 5000000 y la propiedad Min en 1000000.

5. Agregue una galería de texto en orientación vertical, muévala debajo del control deslizante y establezca la propiedad Items de la galería en esta fórmula:
   Filter(CityPopulations, Population > MinPopulation)

6. En el primer elemento de la galería, establezca la propiedad Texto de la etiqueta superior en ThisItem.City y establezca la propiedad Text de la etiqueta inferior en esta fórmula:
   Text(ThisItem.Population, "##,###")

7. Presione F5 y, a continuación, ajuste MinPopulation para que se muestren solo aquellas ciudades que tengan una población mayor que el valor especificado.

8. Para volver al área de trabajo predeterminada, presione Esc.

Instrucciones para accesibilidad

Contraste de color

Debe haber un contraste de color adecuado entre:

• ValueFill y RailFill
• ValueHoverFill y RailHoverFill
• FocusedBorderColor y el color situado fuera del control
• ValueFill y el color de fondo
• RailFill y el color de fondo
• ValueHoverFill y el color de fondo
• RailHoverFill y el color de fondo

Compatibilidad con el lector de pantalla

• La propiedad AccessibleLabel debe estar presente.

Compatibilidad con el teclado

• TabIndex debe ser cero o superior para que los usuarios del teclado puedan desplazarse hasta él.
• Los indicadores de foco deben ser claramente visibles. Use FocusedBorderColor y FocusedBorderThickness para conseguirlo.
• El valor del control deslizante se debe mostrar al interactuar con el teclado. Esto puede lograrse mediante cualquiera de estos métodos:
  • Establezca ShowValue en true.
  • Agregue un control Etiqueta adyacente al control deslizante. Establezca la propiedad Text de la etiqueta en la propiedad Value del control deslizante.