SVG-Dashboards: различия между версиями
Строка 14: | Строка 14: | ||
SVG-панели работают на мобильных устройствах, но нужно учитывать размер изображения. Если элементы будут слишком мелкими — ими будет сложно пользоваться. Хорошим решением может стать разделение графических панелей на десктопные и мобильные, которые созданы с учетом особенностей мобильного устройства. | SVG-панели работают на мобильных устройствах, но нужно учитывать размер изображения. Если элементы будут слишком мелкими — ими будет сложно пользоваться. Хорошим решением может стать разделение графических панелей на десктопные и мобильные, которые созданы с учетом особенностей мобильного устройства. | ||
== Полноэкранный и HMI режимы == | |||
{{Anchor|hmi}} | |||
В ряде задач нужно скрыть от пользователя элементы управления браузером и панели веб-интерфейса контроллера, для этого есть [[Wiren_Board_Web_Interface#fullscreen and hmi|Полноэкранный и HMi режимы]]. | |||
Полноэкранный режим позволяет переключаться между панелями через боковое меню, а в режиме HMI переключение надо реализовывать самим: добавлять в SVG-изображение кнопку (объект) с URL на нужную панель. | |||
<gallery mode="packed" heights="150px" caption="Режимы панелей"> | |||
Image: WebUI SVG.png | Стандартный вид | |||
Image: WebUI SVG fullscreen.png | Полноэкранный | |||
Image: WebUI SVG HMI mode.png | HMI | |||
</gallery> | |||
== Подготовка == | == Подготовка == |