🎚️

Аналоговый слайдер

Инструкция по использованию
Аналоговый слайдер — это интерактивный элемент управления, который позволяет устанавливать и отображать числовое значение в процентах. Используйте его для управления яркостью света, скоростью вентилятора, положением жалюзи и других устройств с плавной регулировкой.

Что это такое

Аналоговый слайдер — это интерактивный элемент управления, который позволяет устанавливать и отображать числовое значение в процентах. Он может использоваться:

  • Как виртуальное устройство для управления реальными IoT-устройствами (например, яркость света, скорость вентилятора, положение жалюзи)
  • Как отображение текущего состояния датчика (например, уровень заполнения бака, интенсивность сигнала)

Как добавить

1 Добавление на рабочее поле
  1. Нажмите кнопку "Показать пиктограммы"
  2. В открывшемся окне найдите элемент "AnalogSlider"
  3. Нажмите на него — слайдер добавится в рабочую область

Основные настройки

Доступны при клике правой кнопкой мыши на слайдере
Общие параметры

Название

Имя устройства (по умолчанию SliderN, где N — номер)

Описание

Текстовое описание назначения слайдера

Серийный номер устройства (SN)

Если слайдер привязан к физическому устройству, укажите его SN. При изменении значения слайдера команда будет отправлена на это устройство

Параметры значения

Значение (%)

Текущее значение слайдера. Отображается под полоской прокрутки

Минимум (%)

Минимальное значение диапазона (по умолчанию 0)

Максимум (%)

Максимальное значение диапазона (по умолчанию 100)

Шаг (%)

Шаг изменения значения при перемещении слайдера (по умолчанию 1). Можно установить дробное значение, например 0.1

Параметры отображения

Ширина (px)

Ширина виджета слайдера в пикселях (по умолчанию 220, минимум 80)

Высота (px)

Высота виджета слайдера в пикселях (по умолчанию 140, минимум 80)

Цвет значения

Цвет отображения числового значения под слайдером (по умолчанию #2d3436)

Размер значения (px)

Размер шрифта числового значения (по умолчанию 24, минимум 8)

Показывать шкалу

Checkbox для включения/выключения отображения полоски прокрутки. Если выключено, отображается только числовое значение

Принцип работы

  • При перемещении слайдера значение изменяется с заданным шагом в пределах установленного диапазона
  • Новое значение автоматически отображается под полоской прокрутки
  • Если указан серийный номер устройства (deviceSN), команда с новым значением отправляется на устройство с небольшой задержкой (250 мс) для предотвращения перегрузки при быстром перемещении
  • Все изменения автоматически сохраняются в базу данных с задержкой 400 мс
  • Слайдер можно перемещать по рабочей области drag-and-drop

Применение

Аналоговый слайдер идеально подходит для:

💡 Управление диммируемым освещением

Плавная регулировка яркости ламп от 0% до 100%

🌀 Управление скоростью вращения вентилятора

Настройка скорости от минимальной до максимальной

🪟 Управление положением штор/жалюзи

Точное позиционирование: 0% — полностью закрыто, 100% — полностью открыто

🌡️ Регулировка температуры термостата

Установка целевой температуры в заданном диапазоне

🔊 Управление громкостью

Регулировка уровня звука аудиосистемы

⚙️ Любое другое управление

С плавной регулировкой значения в диапазоне

Примеры настройки

Пример 1: Диммер для LED ленты

  • Название: Подсветка кухни
  • Серийный номер: ESP32_LED_001
  • Минимум: 0%
  • Максимум: 100%
  • Шаг: 5%
  • Показывать шкалу: ✅ Включено

Пример 2: Управление жалюзи

  • Название: Жалюзи гостиная
  • Серийный номер: BLIND_LIVING_ROOM
  • Минимум: 0% (закрыто)
  • Максимум: 100% (открыто)
  • Шаг: 10%
  • Ширина: 180 px
  • Высота: 120 px

Пример 3: Термостат

  • Название: Температура спальня
  • Серийный номер: THERMOSTAT_BEDROOM
  • Минимум: 16% (16°C)
  • Максимум: 26% (26°C)
  • Шаг: 0.5%
  • Цвет значения: #e74c3c (красный)
  • Размер значения: 32 px

Особенности форматирования

Формат отображения значения:

  • От 100 и выше: целые числа без дробной части (например: 100)
  • От 10 до 100: с одним знаком после запятой (например: 45.5)
  • Меньше 10: с двумя знаками после запятой (например: 7.25)
Формат отображения выбирается автоматически в зависимости от значения для лучшей читаемости.

Советы по использованию

Размещение: Размещайте слайдеры в удобном месте на рабочем поле. Их можно перемещать drag-and-drop в любое время.
Группировка: Размещайте связанные слайдеры рядом друг с другом (например, RGB управление светом — три слайдера для красного, зеленого и синего каналов).
Задержка отправки: Система автоматически использует задержку 250 мс перед отправкой команды, чтобы при быстром перемещении слайдера не перегружать устройство множеством команд.
Только для чтения: Если не указан серийный номер устройства (SN), слайдер будет работать как индикатор — отображать значение, но не отправлять команды.

Связь с другими компонентами

Использование в сценариях:

Значение аналогового слайдера можно использовать как условие в сценариях автоматизации:

Пример сценария:

Условие: Если "Яркость подсветки" > 80%

Действие: Отправить уведомление "Яркий свет может быть некомфортным"

Связь с датчиками:

Если указан серийный номер устройства, слайдер будет автоматически обновлять своё значение при получении данных от этого устройства через MQTT.

✨ Готово!

Теперь вы можете использовать аналоговый слайдер для плавного управления устройствами и создания красивого интерфейса вашего умного дома!

← Назад к справке