Crea un control deslizante que elige un número de minimum a maximum en múltiplos de step,
empezando en value.
Un control deslizante horizontal toma la anchura del padre salvo que se dé width; uno vertical toma
su altura. El tirador es blanco hasta que changeSliderThumb lo cambia.
El nombre, el rango, el valor, el paso, la dirección, los colores, el tamaño opcional y el indicador del tirador
El deslizador
const slider = bitbybit.babylon.gui.slider.createSlider({ name: "radius", minimum: 1, maximum: 20, value: 5, step: 0.5, isVertical: false, color: "#f0cebb", background: "black", width: "300px", height: "40px", displayThumb: true });
panel.addControl(slider);
slider.onValueChangedObservable.add((value) => { console.log(value); });
Deja pasar el nombre de un evento de control deslizante, el cambio de su valor, como un selector tipado para el código que se suscribe a eventos de control deslizante por nombre.
El selector de evento
El mismo selector
Lee el color de la línea alrededor de la pista de un control deslizante.
El deslizador
El color del borde
Lee el color de la parte sin rellenar de la pista de un control deslizante.
El deslizador
El color de fondo
Lee el mayor valor que puede alcanzar un control deslizante.
El deslizador
El máximo
Lee el menor valor que puede alcanzar un control deslizante.
El deslizador
El mínimo
Lee el incremento en el que se mueve un control deslizante, 0 significa movimiento suave.
El deslizador
El paso
Lee el valor actual de un control deslizante, entre su mínimo y su máximo.
El deslizador
El valor
Lee el color del tirador de un control deslizante como cadena de color CSS.
El deslizador
El color del tirador
Lee la anchura del tirador de un control deslizante, como cadena de píxeles o fracción.
El deslizador
La anchura del tirador
Lee si un control deslizante va de abajo arriba en lugar de de izquierda a derecha.
El deslizador
True cuando el deslizador es vertical
Lee si un control deslizante muestra su tirador o solo la pista.
El deslizador
True cuando se muestra el tirador
Lee si el tirador de un control deslizante es redondo en lugar de cuadrado.
El deslizador
True cuando el tirador es redondo
Lee si el tirador de un control deslizante se queda dentro de la pista en los extremos en lugar de sobresalir.
El deslizador
True cuando el tirador está limitado
Cambia el estilo del tirador de un control deslizante: redondo o cuadrado, su color y anchura, si se queda dentro de la pista y si se muestra siquiera.
El deslizador, la forma, el color y la anchura del tirador, el indicador de limitado y el indicador de visualización
El mismo deslizador
Establece el color de la línea alrededor de la pista de un control deslizante, como color CSS.
El deslizador y el color del borde
El mismo deslizador
Establece el color de la parte sin rellenar de la pista de un control deslizante, como color CSS.
El deslizador y el color de fondo
El mismo deslizador
Establece el mayor valor que puede alcanzar un control deslizante, el valor en su extremo derecho o superior.
El deslizador y el máximo
El mismo deslizador
Establece el menor valor que puede alcanzar un control deslizante, el valor en su extremo izquierdo o inferior.
El deslizador y el mínimo
El mismo deslizador
Establece el incremento en el que se mueve un control deslizante, de modo que 1 da solo números enteros y 0 lo deja moverse suavemente.
El deslizador y el paso
El mismo deslizador
Mueve un control deslizante a un valor, lo que dispara su evento de cambio de valor como haría un arrastre del usuario.
El deslizador y el valor
El mismo deslizador
Deslizadores para elegir un número entre un mínimo y un máximo arrastrando un tirador, horizontal o verticalmente. Suscríbete al evento de cambio de valor para reaccionar al usuario; el rango, el paso, el valor, los colores y el tirador pueden cambiarse tras la creación.