Anuncio: Todos los proyectos no comerciales registrados para usar Earth Engine antes del
15 de abril de 2025 deben
verificar su elegibilidad no comercial para mantener el acceso a Earth Engine.
ui.Slider
Organiza tus páginas con colecciones
Guarda y categoriza el contenido según tus preferencias.
Es un objetivo arrastrable que varía de forma lineal entre dos valores numéricos. El valor del control deslizante se muestra como una etiqueta junto a él.
| Uso | Muestra |
|---|
ui.Slider(min, max, value, step, onChange, direction, disabled, style) | ui.Slider |
| Argumento | Tipo | Detalles |
|---|
min | Número, opcional | Es el valor mínimo. La configuración predeterminada es 0. |
max | Número, opcional | Es el valor máximo. El valor predeterminado es 1. |
value | Número, opcional | Es el valor inicial. La configuración predeterminada es 0. |
step | Número, opcional | Tamaño del paso del control deslizante. El valor predeterminado es 0.01. |
onChange | Función, opcional | Es una devolución de llamada que se activa cuando cambia el estado del control deslizante. La devolución de llamada recibe el valor actual del control deslizante y el widget del control deslizante. |
direction | Cadena, opcional | Es la dirección del control deslizante. Puede ser "horizontal" o "vertical". El valor predeterminado es “horizontal”. |
disabled | Booleano, opcional | Indica si el control deslizante está inhabilitado. La configuración predeterminada es "false". |
style | Objeto, opcional | Objeto de los estilos CSS permitidos con sus valores que se establecerán para este widget. Consulta la documentación de style(). |
Salvo que se indique lo contrario, el contenido de esta página está sujeto a la licencia Atribución 4.0 de Creative Commons, y los ejemplos de código están sujetos a la licencia Apache 2.0. Para obtener más información, consulta las políticas del sitio de Google Developers. Java es una marca registrada de Oracle o sus afiliados.
Última actualización: 2025-07-26 (UTC)
[null,null,["Última actualización: 2025-07-26 (UTC)"],[[["\u003cp\u003eThe \u003ccode\u003eui.Slider\u003c/code\u003e widget enables users to interactively select a numeric value within a defined range, visually represented by a draggable slider.\u003c/p\u003e\n"],["\u003cp\u003eIt offers customization options like minimum/maximum values, step size, initial value, orientation, and an onChange callback to respond to user interactions.\u003c/p\u003e\n"],["\u003cp\u003eDevelopers can further tailor its appearance using custom CSS styles through the \u003ccode\u003estyle\u003c/code\u003e argument.\u003c/p\u003e\n"]]],["The `ui.Slider` component creates a draggable slider between a minimum (`min`) and maximum (`max`) numeric value. It displays the current `value` with a label, adjustable by a defined `step`. The `direction` can be horizontal or vertical. An optional `onChange` function triggers on value changes, passing the current value. The slider can be `disabled`, and `style` properties are customizable. Default values are provided for `min`, `max`, `value`, and `step`.\n"],null,["# ui.Slider\n\n\u003cbr /\u003e\n\nA draggable target that ranges linearly between two numeric values. The value of the slider is displayed as a label alongside it.\n\n\u003cbr /\u003e\n\n| Usage | Returns |\n|-----------------------------------------------------------------------------------------------------------------|-----------|\n| `ui.Slider(`*min* `, `*max* `, `*value* `, `*step* `, `*onChange* `, `*direction* `, `*disabled* `, `*style*`)` | ui.Slider |\n\n| Argument | Type | Details |\n|-------------|--------------------|------------------------------------------------------------------------------------------------------------------------------|\n| `min` | Number, optional | The minimum value. Defaults to 0. |\n| `max` | Number, optional | The maximum value. Defaults to 1. |\n| `value` | Number, optional | The initial value. Defaults to 0. |\n| `step` | Number, optional | The step size for the slider. Defaults to 0.01. |\n| `onChange` | Function, optional | A callback to fire when the slider's state changes. The callback is passed the slider's current value and the slider widget. |\n| `direction` | String, optional | The direction of the slider. One of 'horizontal' or 'vertical'. Defaults to 'horizontal'. |\n| `disabled` | Boolean, optional | Whether the slider is disabled. Defaults to false. |\n| `style` | Object, optional | An object of allowed CSS styles with their values to be set for this widget. See style() documentation. |"]]
