Control deslizante en PowerAppsSlider control in PowerApps

Un control con el que el usuario puede especificar un valor arrastrando un controlador.A control with which the user can specify a value by dragging a handle.

DescripciónDescription

El usuario puede indicar un valor comprendido entre un valor mínimo y un 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.The user can indicate a value, between a minimum and a maximum value that you specify, by dragging the handle of a slider left-right or up-down, depending on the direction that you choose.

Propiedades principalesKey properties

Predeterminado: el valor inicial de un control antes de que lo cambie el usuario.Default – The initial value of a control before it is changed by the user.

Max: el valor máximo para el que el usuario puede establecer un control deslizante o una clasificación.Max – The maximum value to which the user can set a slider or a rating.

Max: el valor mínimo para el que el usuario puede establecer un control deslizante.Min – The minimum value to which the user can set a slider.

Valor: el valor de un control de entrada.Value – The value of an input control.

Propiedades adicionalesAdditional properties

BorderColor: el color de un borde del control.BorderColor – The color of a control's border.

BorderStyle: si el borde del control es Solid, Dashed, Dotted o None.BorderStyle – Whether a control's border is Solid, Dashed, Dotted, or None.

BorderThickness: el grosor de un borde del control.BorderThickness – The thickness of a control's border.

FocusedBorderThickness: grosor del borde del control cuando se resalta el teclado.FocusedBorderThickness – The thickness of the control's border when it has keyboard focus.

DisplayMode: indica si el control permite entradas de usuario (Edit), solo muestra datos (View) o si está deshabilitado (Disabled).DisplayMode – Whether the control allows user input (Edit), only displays data (View), or is disabled (Disabled).

DisabledBorderColor: el color de un borde del control si la propiedad DisplayMode del control está establecida en Disabled.DisabledBorderColor – The color of a control's border if the control's DisplayMode property is set to Disabled.

RellenoDeControladorActivo: el color del controlador de un control deslizante cuando el usuario cambia el valor.HandleActiveFill – The color of the handle for a slider as the user changes its value.

RellenoDeControlador: el color del controlador (el elemento que cambia de posición) en un control de alternancia o control deslizante.HandleFill – The color of the handle (the element that changes position) in a toggle or slider control.

RellenoDeControladorAlMantener: el color del texto del controlador cuando el usuario mantiene el puntero sobre él.HandleHoverFill – The color of the handle in a slider when the user keeps the mouse pointer on it.

Height: la distancia entre los bordes superior e inferior de un control.Height – The distance between a control's top and bottom edges.

HoverBorderColor: el color de un borde del control cuando el usuario mantiene el puntero del mouse sobre ese control.HoverBorderColor – The color of a control's border when the user keeps the mouse pointer on that 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).Layout – Whether the user scrolls through a gallery or adjusts a slider top to bottom (Vertical) or left to right (Horizontal).

AlCambiar: indica cómo responde la aplicación cuando el usuario cambia el valor de un control (por ejemplo, mediante el ajuste de un control deslizante).OnChange – How the app responds when the user changes the value of a control (for example, by adjusting a slider).

OnSelect: indica cómo responde la aplicación cuando el usuario toca o hace clic en un control.OnSelect – How the app responds when the user taps or clicks a control.

PressedBorderColor: el color de un borde del control cuando el usuario toca o hace clic en ese control.PressedBorderColor – The color of a control's border when the user taps or clicks that control.

RellenoDeRaíl: color de fondo del rectángulo en un control Alternar cuando su valor es false o color de la línea a la derecha del identificador en un control deslizante.RailFill – The background color of the rectangle in a toggle control when its value is false or the color of the line to the right of the handle in a slider control.

RellenoRaílAlMantenerPuntero: al mantener el puntero sobre un control Alternar o deslizante, color de fondo del rectángulo del primero cuando su valor es false o color de la línea a la derecha del identificador del segundo.RailHoverFill – When you hover on a toggle control or a slider, the background color of the rectangle in a toggle control when its value is false or the color of the line to the right of the handle in a slider control.

ReadOnly: indica si un usuario puede cambiar el valor de un control deslizante o el control de clasificación.ReadOnly – Whether a user can change the value of a slider or rating control.

Reset: indica si un control vuelve a su valor predeterminado.Reset – Whether a control reverts to its default value.

MostrarValor: 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.ShowValue – Whether a slider's or rating's value appears as the user changes that value or hovers over the control.

TabIndex: personaliza el orden de tabulación de los controles en tiempo de ejecución cuando se establece en un valor distinto de cero.TabIndex – Customizes the tab order of controls at runtime when set to a non-zero value.

Información sobre herramientas: texto explicativo que aparece cuando el usuario mantiene el puntero sobre un control.Tooltip – Explanatory text that appears when the user hovers over a control.

RellenoDeValor: color de fondo del rectángulo en un control Alternar cuando su valor es true o color de la línea a la izquierda del identificador en un control deslizante.ValueFill – The background color of the rectangle in a toggle control when its value is true or the color of the line to the left of the handle in a slider control.

RellenoValorAlMantenerPuntero: al mantener el puntero del mouse sobre un control Alternar o Control deslizante, color de fondo del rectángulo del primero cuando su valor es true o color de la línea a la izquierda del identificador del segundo.ValueHoverFill – When you keep the mouse pointer on a toggle control or a slider, the background color of the rectangle in a toggle control when its value is true or the color of the line to the left of the handle in a slider control.

Visible: indica si un control aparece o está oculto.Visible – Whether a control appears or is hidden.

Width: la distancia entre los bordes derecho e izquierdo de un control.Width – The distance between a control's left and right edges.

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).X – The distance between the left edge of a control and the left edge of its parent container (screen if no parent container).

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).Y – The distance between the top edge of a control and the top edge of the parent container (screen if no parent container).

Sum( Value1, Value2 )Sum( Value1, Value2 )

EjemploExample

  1. Agregue un botón y establezca su propiedad OnSelect en esta fórmula:Add a button, and set its OnSelect property to this formula:
    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})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?Don't know how to add, name, and configure a control?

    ¿Desea más información sobre la función ClearCollect u otras funciones?Want more information about the ClearCollect function or other functions?

  2. Presione F5, seleccione el botón y presione Esc.Press F5, select the button, and then press Esc.
  3. Agregue un control deslizante, muévalo debajo del botón y llámelo MinPopulation.Add a slider, move it below the button, and name the slider MinPopulation.
  4. Establezca la propiedad Max del control deslizante en 5000000 y la propiedad Min en 1000000.Set the slider's Max property to 5000000 and its Min property to 1000000.
  5. Agregue una galería de texto en orientación vertical, muévala debajo del control deslizante y establezca la propiedad Elementos de la galería en esta fórmula:Add a text gallery in vertical/portrait orientation, move it below the slider, and set the gallery's Items property to this formula:
    Filter(CityPopulations, Population > MinPopulation)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 Texto de la etiqueta inferior en esta fórmula:In the first item of the gallery, set the Text property of the top label to ThisItem.City, and set the Text property of the bottom label to this formula:
    Text(ThisItem.Population, "##,###")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.Press F5, and then adjust MinPopulation to show only those cities that have a population that's greater than the value that you specify.
  8. Presione Esc para volver al área de trabajo predeterminada.To return to the default workspace, press Esc.