Создает ползунок, который выбирает число от minimum до maximum с шагом, кратным step, начиная с value.
Горизонтальный ползунок берет ширину родителя, если не задана width; вертикальный берет его высоту. Бегунок белый, пока changeSliderThumb его не изменит.
Имя, диапазон, значение, шаг, направление, цвета, необязательный размер и флаг ползунка
Слайдер
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); });
Передает дальше имя события ползунка, изменение его значения, как типизированный селектор для кода, подписывающегося на события ползунка по имени.
Селектор события
Тот же селектор
Читает цвет линии вокруг дорожки ползунка.
Слайдер
Цвет рамки
Читает цвет незаполненной части дорожки ползунка.
Слайдер
Цвет фона
Читает наибольшее значение, которого может достичь ползунок.
Слайдер
Максимум
Читает наименьшее значение, которого может достичь ползунок.
Слайдер
Минимум
Читает приращение, с которым движется ползунок, 0 означает плавное движение.
Слайдер
Шаг
Читает текущее значение ползунка, между его минимумом и максимумом.
Слайдер
Значение
Читает цвет бегунка ползунка как строку цвета CSS.
Слайдер
Цвет ползунка
Читает ширину бегунка ползунка, как строку пикселей или долю.
Слайдер
Ширина ползунка
Читает, идет ли ползунок снизу вверх, а не слева направо.
Слайдер
true, если слайдер вертикальный
Читает, показывает ли ползунок свой бегунок или только дорожку.
Слайдер
true, если ползунок отображается
Читает, круглый ли бегунок ползунка, а не квадратный.
Слайдер
true, если ползунок круглый
Читает, остается ли бегунок ползунка внутри дорожки на концах, а не выступает за нее.
Слайдер
true, если ползунок ограничен
Перестилизует бегунок ползунка: круглый или квадратный, его цвет и ширину, остается ли он внутри дорожки и показывается ли вообще.
Слайдер, форма, цвет и ширина ползунка, флаг ограничения и флаг отображения
Тот же слайдер
Задает цвет линии вокруг дорожки ползунка, как цвет CSS.
Слайдер и цвет рамки
Тот же слайдер
Задает цвет незаполненной части дорожки ползунка, как цвет CSS.
Слайдер и цвет фона
Тот же слайдер
Задает наибольшее значение, которого может достичь ползунок, значение на его правом или верхнем конце.
Слайдер и максимум
Тот же слайдер
Задает наименьшее значение, которого может достичь ползунок, значение на его левом или нижнем конце.
Слайдер и минимум
Тот же слайдер
Задает приращение, с которым движется ползунок, так что 1 дает только целые числа, а 0 позволяет ему двигаться плавно.
Слайдер и шаг
Тот же слайдер
Перемещает ползунок к значению, что вызывает его событие изменения значения, как это сделало бы перетаскивание пользователем.
Слайдер и значение
Тот же слайдер
Слайдеры для выбора числа между минимумом и максимумом перетаскиванием ползунка, горизонтально или вертикально. Подпишитесь на событие изменения значения, чтобы реагировать на пользователя; диапазон, шаг, значение, цвета и ползунок можно изменить после создания.