Перейти к содержанию

Навигация

SVG-Dashboards: различия между версиями

1096 байт добавлено ,  10 месяцев назад
Строка 134: Строка 134:
</syntaxhighlight>
</syntaxhighlight>


=== Write ===
=== Запись в канал ===
Реакция на клик пользователя по элементу изображения. Доступно два состояния ON и OFF. При клике пользователя на элементе, значение в MQTT-топике будет меняться на противоположное.
С помощью этой настройки вы можете записать значение в топик при клике пользователя по элементу.


Выберите в поле '''Channel''' MQTT топик для записи значений, а в полях '''Value on''' и '''Value off''' укажите какие значения соответствуют состояниям.
Доступно два состояния ON и OFF. При клике пользователя на элементе, значение в MQTT-топике будет меняться на противоположное.
 
Выберите в поле '''Канал''' MQTT топик для записи значений, а в полях '''Значение включенного состояния''' и '''Значение выключенного состояния''' укажите какие значения соответствуют состояниям.


Например, для переключения реле нужно указать:
Например, для переключения реле нужно указать:
<syntaxhighlight lang="javascript">
<syntaxhighlight lang="javascript">
Value on = 1
Значение включенного состояния = 1
Value on = 0
Значение выключенного состояния = 0
</syntaxhighlight>
</syntaxhighlight>
=== Переход ===
{{SupportedSinceRelease
| release = wb-2307
|content=
[[Image: svg-tap.png |300px|thumb|right| Создание перехода ]]
С помощью переходов можно создавать многостраничные интерфейсы:
# Нарисуйте для каждой страницы свой рисунок.
# Загрузите эти рисунки в контроллер.
# Выберите для одного из трёх событий панель, куда надо переходить.
Доступны события: одиночное и длинное нажатие, а также смахивание влево и вправо. Переходить можно пока только между SVG-панелями.
}}


=== Visible ===
=== Visible ===