Экраны — различия между версиями
(→Индикаторы) |
|||
Строка 3: | Строка 3: | ||
[[Файл:Создать панель.png|750px]] | [[Файл:Создать панель.png|750px]] | ||
<br> | <br> | ||
− | Перейти к редактированию панели можно двумя способами: нажав кнопку "Edit" в списке приборных панелей, либо нажав такую же кнопку, находясь на ее странице.<br> | + | <p>Перейти к редактированию панели можно двумя способами: нажав кнопку "Edit" в списке приборных панелей, либо нажав такую же кнопку, находясь на ее странице.<br> |
[[Файл:Edit via list.png|750px]]<br> | [[Файл:Edit via list.png|750px]]<br> | ||
− | или так:<br> | + | <p>или так:<br> |
[[Файл:Edit option 2.png|750px]]<br> <br> | [[Файл:Edit option 2.png|750px]]<br> <br> | ||
− | Внешний вид новой панели в режиме редактирования:<br> | + | <p>Внешний вид новой панели в режиме редактирования:<br> |
[[Файл:Empty dash.png|750px]]<br><br> | [[Файл:Empty dash.png|750px]]<br><br> | ||
После этого можно приступить к компоновке элементов визуализации на приборной панели. Необходимые элементы помещаются на поле их "перетаскиванием" c левой дополнительной панели. Доступны четыре типа элементов визуализации: | После этого можно приступить к компоновке элементов визуализации на приборной панели. Необходимые элементы помещаются на поле их "перетаскиванием" c левой дополнительной панели. Доступны четыре типа элементов визуализации: | ||
Строка 37: | Строка 37: | ||
Для примера возьмем произвольное изображение с прозрачным фоном (в формате *.png) и используя возможности слоев, вынесем его на самый верхний, пятый слой, расположив над датчиком, связанным с регистром ''I20''. <br> | Для примера возьмем произвольное изображение с прозрачным фоном (в формате *.png) и используя возможности слоев, вынесем его на самый верхний, пятый слой, расположив над датчиком, связанным с регистром ''I20''. <br> | ||
[[Файл:Изображение на дешборде.png|750px]] <br> <br> | [[Файл:Изображение на дешборде.png|750px]] <br> <br> | ||
− | После сохранения результата, приборная панель 1 примет такой вид:<br> | + | <p>После сохранения результата, приборная панель 1 примет такой вид:<br> |
[[Файл:Панель 1 пример.png|750px]]<br> | [[Файл:Панель 1 пример.png|750px]]<br> | ||
Строка 46: | Строка 46: | ||
Пример использования индикатора приведен ниже. Индикатором в данном случае является пиктограмма термометра (см. раздел изображения), привязанная регистру, имеющему состояние предупреждения (желтый цвет). Также в примере используется изображение прямоугольника на прозрачном фоне для обозначения емкости, и три текстовых элемента, привязанных к регистрам текущей и заданной температуры, и подпись для емкости. <br> | Пример использования индикатора приведен ниже. Индикатором в данном случае является пиктограмма термометра (см. раздел изображения), привязанная регистру, имеющему состояние предупреждения (желтый цвет). Также в примере используется изображение прямоугольника на прозрачном фоне для обозначения емкости, и три текстовых элемента, привязанных к регистрам текущей и заданной температуры, и подпись для емкости. <br> | ||
[[Файл:Индикатор температура 2.png|750px]] <br> <br> | [[Файл:Индикатор температура 2.png|750px]] <br> <br> | ||
− | Изображение становится индикатором после привязки регистра с цветовой сигнализацией. Все настройки точно такие же, как и для изображений. | + | <p>Изображение становится индикатором после привязки регистра с цветовой сигнализацией. Все настройки точно такие же, как и для изображений. |
Версия 10:33, 18 июня 2015
Создание приборной панели
В WEBHMI приборные панели (Dashboards) являютcя аналогом экранов для операторских панелей или мнемосхем в SCADA системах. Можно создавать несколько приборных панелей, которые будут доступны после создания в меню Dashboard. Для примера создадим приборную панель "Приборная панель 1", использую п. меню Setup/Dashboards.
Перейти к редактированию панели можно двумя способами: нажав кнопку "Edit" в списке приборных панелей, либо нажав такую же кнопку, находясь на ее странице.
<p>или так:
<p>Внешний вид новой панели в режиме редактирования:
После этого можно приступить к компоновке элементов визуализации на приборной панели. Необходимые элементы помещаются на поле их "перетаскиванием" c левой дополнительной панели. Доступны четыре типа элементов визуализации:
- текст
- датчики (столбиковый индикатор)
- изображения
- индикаторы
Элементы текста
Элементы текста позволяют разместить на поле приборной панели статический текст, либо значение регистра, либо составляющую их строку. Если в свойствах регистра были определены единицы измерения, то они также отобразятся после значения регистра. Установка атрибута "Allow change value" превращает текст в поле для ввода значения в регистр. Элемент текста также может наследовать цветовую сигнализацию состояния регистра. Имеется 5 вариантов размера шрифта (в относительных единицах) и 5 слоев (слой с большим номером находится ближе к пользователю смотрящему на экран). Текст может также быть удобной ссылкой на другую приборную панель, тренд или график. См. рис.:
Датчики
Значения отображаемые этими элементами представляются в виде столбиковых индикаторов, являющихся удобным графическим представлением величины параметра, позволяющим быстро оценить текущее значение оператору. Настройки датчика аналогичны настройкам элементам текста, за исключением двух полей:
- Start value - начальное значение шкалы, с которой начнется движение стрелки указателя.
- End value - соответственно конечное значение шкалы.
Датчик не отобразит значений, находящихся вне этого диапазона. Ширину и длину, горизонтальную либо вертикальную ориентацию индикатору можно придать, потянув за правый нижний угол. Более точно задать размеры и положение, можно используя непосредственный ввод значений в поля координат элементов. Например, текст и нижний датчик выровнены путем ввода одного и того же значения в поле Left, и т.д.
Изображения
На приборную панель может быть помещено изображение, содержащееся в библиотеке изображений. Добавление изображения в библиотеку - меню Setup/Image library.
Назначение полей:
- Title - название которое будет отображаться при наведении курсора на изображении на странице приборной панели.
- Image - область предварительного просмотра изображения
- Normalize image - суть нормализации состоит в том, чтоб привести изображения индикаторов к одному стандартному виду, при этом они обесцвечиваются и выравниваются по яркости
- Remove white background - целесообразно использовать изображения с прозрачным фоном. в случае если в изображении используется белый цвет как фон, данная операция позволяет заменить его на прозрачный.
Для примера возьмем произвольное изображение с прозрачным фоном (в формате *.png) и используя возможности слоев, вынесем его на самый верхний, пятый слой, расположив над датчиком, связанным с регистром I20.
<p>После сохранения результата, приборная панель 1 примет такой вид:
Индикаторы
<p>Индикатор - это вид изображения, которое предназначено для индикации состояния связанного с ним параметра (регистра).
Для того, чтобы все состояния выглядели одинаково во всем проекте, желательно использовать цвета по умолчанию, которые предлагаются при описании состояний (хотя их можно и переопределить). Также желательно производить нормализацию изображений для индикаторов (см. описание опции в разделе "Изображения").Еще одним применением индикатора может быть создание кнопки с фиксацией, т.е. если данные связанного с ним регистра битовые, тогда "клик" на таком индикаторе вызовет инверсию текущего состояния, т.е. действие будет эквивалентно работе такой кнопки (соответственно можно назначить состояние Disabled для 0, и Normal для 1).
Пример использования индикатора приведен ниже. Индикатором в данном случае является пиктограмма термометра (см. раздел изображения), привязанная регистру, имеющему состояние предупреждения (желтый цвет). Также в примере используется изображение прямоугольника на прозрачном фоне для обозначения емкости, и три текстовых элемента, привязанных к регистрам текущей и заданной температуры, и подпись для емкости.
Изображение становится индикатором после привязки регистра с цветовой сигнализацией. Все настройки точно такие же, как и для изображений.