Текстовые подписи (textField)
Текстовая подпись — это свободный текст, который можно разместить в любой точке рабочего поля. Используется для:
- Заголовков разделов («Гостиная», «Система отопления», «Уличные датчики»)
- Пояснений к группам устройств
- Меток на схеме помещения
- Любого текста для навигации по рабочему полю
- Перейдите в режим редактирования
- Нажмите «Добавить иконку»
- В библиотеке найдите иконку с большой буквой «T» (или кнопку «Добавить текст» в нижнем меню)
- Нажмите — подпись появится на поле с текстом «Поле для текста»
- Дважды кликните по подписи для редактирования текста
Правый клик по тексту открывает контекстное меню с настройками:
| Параметр | Описание | По умолчанию |
|---|---|---|
| Текст | Содержимое подписи. Редактируется двойным кликом по элементу. | «Поле для текста» |
| Размер шрифта | Размер текста в пикселях | 16 px |
| Прозрачный фон | Если включено — подпись отображается без фоновой подложки. Удобно при наложении на фоновое изображение. | Выключено |
Комнаты (roomGroup)
Комната — это плавающее окно на рабочем поле, которое содержит набор иконок устройств внутри себя. Комнату можно перемещать целиком, задавать фоновое изображение (план комнаты или схему). Удобно для:
- Создания интерактивного плана этажа: каждая комната — отдельная группа иконок
- Организации устройств одной комнаты визуально вместе
- Создания схем технологических помещений с оборудованием
- В режиме редактирования нажмите кнопку «Добавить иконку в нижнем меню
- На поле появится группа с именем «Комната» размером 800×600 пикселей
- Правый клик по заголовку группы → «Настройки» для настройки параметров
- Поместите существующие на рабочем поле иконки внутрь комнаты с помощью меню "Вырезать" и "Вставить" под правой клавишей мыши.
| Параметр | Описание |
|---|---|
| Название | Имя комнаты, отображается в заголовке группы |
| Фоновое изображение | Изображение (план комнаты, схема) для светлой и тёмной темы. Размер группы подстраивается под изображение автоматически. |
| Размер группы | Ширина и высота в пикселях. Подстраивается при загрузке фото. |
| Показывать название | Отображать ли заголовок с именем комнаты |
| Прозрачный фон | Убирает подложку группы — видно только контент и фоновое изображение |
Устройства вставляются из рабочего поля с помощью "Вырезать" и "Вставить" под правой клавишей мыши. После этого они становятся частью группы — перемещаются вместе с ней.
Новые устройства, добавленные при открытой группе (через «Добавить иконку»), автоматически попадают в неё.
Практические примеры
🏠 Интерактивный план этажа
Создайте группу для каждой комнаты. Загрузите план этажа как фоновое изображение всего рабочего поля. В каждой группе разместите устройства этой комнаты прямо на плане.
🏭 Схема технологического процесса
Загрузите схему P&ID или диаграмму трубопроводов как фон группы. Разместите иконки датчиков и актуаторов на соответствующих позициях схемы.
📋 Организация по функциям
Используйте текстовые подписи как заголовки разделов, а группы — для визуального объединения связанных устройств (все датчики климата, все элементы освещения).
Текстовые подписи и группы комнат превращают рабочее поле из набора иконок в наглядный интерактивный план вашего умного дома или производственного объекта.