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

Редактор мнемосхем

Главное окно

Режим "Редактор мнемосхем" позволяет создавать графические интерфейсы, которые отображают состояние технологического процесса в реальном времени.

Окно представляет из себя следующие рабочие области:

1. Мнемосхемы — дерево всех мнемосхем проекта для быстрой навигации.
2. Панель инструментов окна мнемосхемы — инструменты управления мнемосхемой (создание, группировка, сохранение и пр.).
3. Инспектор свойств — окно просмотра и редактирования свойств выбранного объекта.
4. Палитра компонентов — инструменты для создания графических объектов, а также готовые компоненты.
5. Область редактирования — основная область для проектирования и редактирования мнемосхемы.
6. Панель инструментов области редактирования — инструменты выравнивания, группировки и настройки отображения.
7. Общая галерея — библиотека стандартных и пользовательских графических объектов.
8. Галерея проекта — локальная библиотека графических элементов, специфичных для текущего проекта.

Окна 1, 3, 4, 7, 8 можно сворачивать и разворачивать. Пиктограмма в виде треугольника, расположенная в левом углу окна, может находиться в двух позициях:

  • ▲ — раскрытое окно.
  • ▼ — свернутое окно.

Чтобы свернуть/развернуть окно необходимо 1 раз нажать на шапке окна левой кнопкой мыши.

В Симплайт 5 реализован механизм горячей перезагрузки мнемосхем, позволяющий применять изменения в графическом интерфейсе проекта без полной перезагрузки ядра системы. После развёртывания проекта на сервер происходит перезагрузка только изменённых модулей.

Мнемосхемы

Окно "Мнемосхемы" содержит список всех созданных мнемосхем в проекте, а также инструменты для редактирования этого списка.

Панель инструментов

Панель инструментов включает в себя 7 кнопок для редактирования дерева мнемосхем:

Кнопка Описание 
Добавить новую мнемосхему
 
Добавить новую шаблонную мнемосхему
 
Сохранить мнемосхему
 
Сохранить мнемосхему как
 
Создать каталог для группировки мнемосхем
 
Удалить мнемосхему
 
Переименовать мнемосхему

Инспектор свойств

Инспектор свойств позволяет просматривать характеристики выбранного объекта в области редактирования. Например, для изменения свойств фона мнемосхемы необходимо выполнить однократное нажатие левой кнопки мыши в пустом месте области редактирования. "Инспектор свойств" отразит все свойства фона мнемосхемы. Большинство свойств готовых объектов и примитивов интуитивно понятны и не требуют пояснений. В данном руководстве будут рассмотрены лишь некоторые свойства, которые могут быть менее очевидны.

Существует 2 метода настройки свойств графического объекта:

  • статический — настройка свойств не изменяется в процессе выполнения проекта на сервере.
  • динамический — управление свойствами фигуры производится путем их привязки к доступным тегам проекта.

Для применения статического метода необходимо выделить фигуру и изменить цвет одного из элементов, который сохранит свои характеристики и не будет изменяться. Например, в поле указать код цвета в формате ARGB (Alpha-Red-Green-Blue), либо нажать кнопку ...

и выбрать необходимый цвет из палитры:

Привязка

Свойство "Привязка" определяет динамический метод настройки свойства фигуры. Чтобы выполнить привязку, требуется нажать кнопку ... в соответствующем поле.

Откроется диалоговое окно "Связь аргументов и тегов". В левой части находится список аргументов, а в правой — доступные теги проекта. Привязка осуществляется путём двойного нажатия на необходимый тег проекта или перетаскивания его с помощью зажатой левой кнопки мыши.

В процессе привязки доступен поиск активных тегов проекта.

Чтобы отвязать тег необходимо нажать правой кнопкой мыши на аргументе и из контекстного меню выбрать "Отвязать".

Тренд по нажатию

Для любого элемента на мнемосхеме есть возможность выбрать функция вызова тренда при нажатии левой кнопки мыши на соответствующий графический объект. Отслеживаемый тег следует выбрать в свойстве "Теги" функции "Тренд по двойному клику".

После запуска проекта, при двойном нажатии левой кнопки мыши на объект, откроется окно с графиком работы. В этом окне можно выбрать дату, а также временной интервал за который необходимо отобразить данные о работе.

Для построения нескольких графиков предусмотрена возможность группового добавления тегов в привязках.

Палитра компонентов

Окно "Палитра компонентов" представляет собой набор инструментов с четко определенной структурой. Ниже приведено описание настроек каждого компонента, представленного в "Палитре компонентов".

Инструмент, который используется для выделения одного или нескольких объектов на мнемосхеме, изменения его размеров и положения, а также для открытия свойств выделенного объекта в окне "Инспектор свойств".

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

При переносе данного компонента в область редактирования отображается контур, который будет служить основой для будущей фигуры, с заданными свойствами.

  • Имя — уникальный идентификатор графического компонента.
  • X — абсцисса базовой точки привязки (левый верхний угол) в пикселях.
  • Y — ордината базовой точки привязки (левый верхний угол) в пикселях.
  • Ширина — размер по горизонтальной оси в пикселях.
  • Высота — размер по вертикальной оси в пикселях.
  • Угол вращения — угол ориентации фигуры относительно базовой точки в градусах.
  • Подсказка:
    • Состояние — включение или выключение функции подсказки при наведении курсора мыши на компонент.
    • Подсказка — текст всплывающей подсказки.
  • Привязки — связь свойств фигуры с активными тегами.

Инструмент осуществляет размещение изображения из файла формата *.svg на мнемосхеме. Изображение копируется во внутреннее хранилище проекта, где ему присваивается уникальный идентификатор, который отражается в свойстве "Имя файла".

  • Имя — идентификатор графического компонента.
  • X — абсцисса точки привязки (левый верхний угол) компонента в пикселях.
  • Y — ордината точки привязки (левый верхний угол) компонента в пикселях.
  • Ширина — габаритный размер компонента по горизонтали в пикселях.
  • Высота — габаритный размер компонента по вертикали в пикселях.
  • Угол вращения — угол поворота компонента относительно точки привязки в градусах.
  • Имя файла — абсолютный путь к файлу векторного (SVG) изображения. Для того чтобы указать путь к файлу, необходимо активировать данное поле и нажать кнопку ...
  • Перекрашивание:
    • Активность — флаг активации режима цветокоррекции SVG:
      • Вкл — исходные цвета SVG смешиваются с целевым цветом по алгоритму нормализованного смешивания.
      • Выкл — изображение отображается с оригинальной цветовой палитрой.
  • Перекрашивание. Цвет — цвет для смешивания с оригинальной палитрой SVG-изображения.

Компонент позволяет создавать недельные или дневные расписания для управления включением/выключением различного оборудования. Расписание может включать любое количество интервалов в течение дня.

Несколько графических компонентов "Расписание" в проекте могут быть привязаны к одному расписанию. Например, на одной мнемосхеме, доступной инженеру, есть компонент "Расписание" с возможностью редактирования параметров расписания, а на другой, доступной обычному пользователю — компонент "Расписание" только для просмотра.

  • Имя — уникальный идентификатор графического компонента.
  • X — абсцисса точки привязки (левый верхний угол) компонента в пикселях.
  • Y — ордината точки привязки (левый верхний угол) компонента в пикселях.
  • Ширина — габаритный размер компонента по горизонтали в пикселях.
  • Высота — габаритный размер компонента по вертикали в пикселях.
  • Редактирование — флаг, разрешающий или запрещающий интерактивное изменение временных диапазонов на компоненте.
  • Показать текущее время — флаг, определяющий отображение метки текущего системного времени на компоненте.
  • Рабочая область:
    • Цвет фона — фон областей, не занятых диапазонами.
    • Цвет текущего дня — фон, выделяющий текущие сутки.
    • Цвет текущего времени — цвет вертикальной метки, указывающей на текущее время.
    • Цвет диапазона — стандартный цвет неактивных временных диапазонов.
    • Цвет активного диапазона — цвет диапазона, активного в текущий момент времени.
    • Цвет сетки — цвет линий сетки, разделяющей временные интервалы.
  • Линейка:
    • Показать минуты — флаг формата подписей: Вкл — "09:00", Выкл — "09".
    • Цвет фона — фон линейки.
    • Цвет текста — цвет подписей времени.
    • Цвет отметки — цвет делений на линейке.
  • Поля:
    • Цвет фона — фон полей.
    • Цвет текста — цвет текста в полях.
  • Панель инструментов:
    • Цвет фона — фон панели.
    • Цвет текста — цвет текста на панели.
  • Расписание — отображает имя активного расписания и открывает диалоговое окно для его создания или редактирования.

Компонент "Фрейм" представляет собой визуальный контейнер, который может быть размещён на мнемосхеме. В компоненте можно указать адрес интернет-ресурса для отображения на мнемосхеме, а также файл или графическую информацию из каталога проекта.

  • Имя — уникальный идентификатор графического компонента.
  • X — абсцисса точки привязки (левый верхний угол) компонента в пикселях.
  • Y — ордината точки привязки (левый верхний угол) компонента в пикселях.
  • Ширина — габаритный размер компонента по горизонтали в пикселях.
  • Высота — габаритный размер компонента по вертикали в пикселях.
  • URL — адрес веб-страницы или ресурса, загружаемого во фрейм, либо относительный путь к загружаемому файлу.

Например, необходимо загрузить на мнемосхему файл manual.pdf из каталога assets проекта ("название проекта"/assets). В данном случае достаточно указать адрес /assets/manual.pdf, чтобы загрузить файл в компонент "Фрейм" на мнемосхеме.

  • Сквозной вход — флаг, разрешающий автоматическую передачу данных аутентификации текущего пользователя системы в загружаемый ресурс.

Размещает на мнемосхеме контур контейнера мнемосхемы. Это позволяет интегрировать одну мнемосхему в другую.

  • Имя — уникальный идентификатор графического компонента.
  • X — абсцисса точки привязки (левый верхний угол) компонента в пикселях.
  • Y — ордината точки привязки (левый верхний угол) компонента в пикселях.
  • Ширина — габаритный размер компонента по горизонтали в пикселях.
  • Высота — габаритный размер компонента по вертикали в пикселях.
  • Путь мнемосхемы — открывает диалоговое окно для выбора мнемосхемы.

Универсальный индикатор, предоставляющий широкие возможности для визуализации реакции компонента на значения (или интервалы значений) тега:

  • Имя — уникальный идентификатор графического компонента.
  • X — абсцисса точки привязки (левый верхний угол) компонента в пикселях.
  • Y — ордината точки привязки (левый верхний угол) компонента в пикселях.
  • Ширина — габаритный размер компонента по горизонтали в пикселях.
  • Высота — габаритный размер компонента по вертикали в пикселях.
  • Угол вращения — угол поворота компонента относительно точки привязки в градусах.
  • Тег — диалоговое окно выбора активного тега проекта.
  • Переменные — свойство отражает количество реакций компонента и открывает диалоговое окно настройки реакций.

1.Список состояний.
2.Свойства выбранного состояния.
3.Превью изображения, добавленного в меню "Изображение".

  • Текст:
    • Цвет текста — определяет цвет текста компонента.
    • Текст — строка, отображаемая в компоненте.
    • Показать значение — флаг отображения значения привязанного тега вместе с текстом.
    • Шрифт — Параметры шрифта текста (стиль, размер, начертание).
    • Горизонтальное выравнивание — выравнивание текста по горизонтали (слева, по центру, справа).
    • Вертикальное выравнивание — выравнивание текста по вертикали (сверху, по центру, снизу).
  • Диапазон:
    • Минимум — нижняя граница шкалы значений активного тега.
    • Максимум — верхняя граница шкалы значений активного тега.
  • Изображение
    • Имя файла — путь к файлу изображения.
    • Угол вращения картинки — угол поворота изображения в градусах.
    • Растянуть — режим масштабирования:
      • Нет.
      • Заполнение (искажая пропорции).
      • Пропорционально (сохраняя соотношения).
    • Горизонтальное выравнивание — позиция изображения по горизонтали.
    • Вертикальное выравнивание — позиция изображения по вертикали.
  • Фигура — графическая форма компонента (выбирается из библиотеки).
  • Заполнение фона — флаг активации заливки фона компонента.
  • Цвет границы — цвет обрамления компонента.
  • Ширина границы — толщина линии границы в пикселях.
  • Режим мигания — флаг включения периодического мигания компонента.

Компонент, который содержит текстовый элемент с неизменяемым содержимым.

  • Имя — уникальный идентификатор графического компонента.
  • X — абсцисса точки привязки (левый верхний угол) компонента в пикселях.
  • Y — ордината точки привязки (левый верхний угол) компонента в пикселях.
  • Ширина — габаритный размер компонента по горизонтали в пикселях.
  • Высота — габаритный размер компонента по вертикали в пикселях.
  • Угол вращения — угол поворота компонента относительно точки привязки в градусах.
  • Текст — текстовая строка, отображаемая в компоненте.
  • Цвет текста — определяет цвет текста.
  • Горизонтальное выравнивание — позиция изображения по горизонтали.
  • Вертикальное выравнивание — позиция изображения по вертикали.
  • Перенос строк — флаг управления переносом текста:
    • Вкл — текст переносится на новую строку при достижении границы компонента.
    • Выкл — текст отображается в одну строку (возможна обрезка).

Компонент для отображения растровой или векторной графики из файла.

  • Имя — уникальный идентификатор графического компонента.
  • X — абсцисса точки привязки (левый верхний угол) компонента в пикселях.
  • Y — ордината точки привязки (левый верхний угол) компонента в пикселях.
  • Ширина — габаритный размер компонента по горизонтали в пикселях.
  • Высота — габаритный размер компонента по вертикали в пикселях.
  • Угол вращения — угол поворота компонента относительно точки привязки в градусах.
  • Имя файла — путь к файлу изображения.
  • Угол вращения картинки угол поворота изображения относительно центра.
  • Растянуть — режим масштабирования:
    • Нет.
    • Заполнение (искажая пропорции).
    • Пропорционально (сохраняя соотношения).
  • Горизонтальное выравнивание — позиция изображения по горизонтали.
  • Вертикальное выравнивание — позиция изображения по вертикали.

После выбора компонента "Трубопровод" в палитре компонентов активируется режим построения, а курсор мыши изменяется на значок перекрестья. Каждое нажатие левой кнопки мыши на мнемосхеме фиксирует точку сегмента или излома под прямым углом. Создание трубопровода завершается при выборе любого другого компонента в палитре. Процесс может быть прерван нажатием клавиши "Esc":

однократное нажатие отменяет текущий сегмент.
двойное нажатие полностью выходит из режима построения.

  • Имя — уникальный идентификатор графического компонента.
  • X — абсцисса точки привязки (левый верхний угол) компонента в пикселях.
  • Y — ордината точки привязки (левый верхний угол) компонента в пикселях.
  • Цвет — цвет графического компонента трубопровод.
  • Толщина — толщина графического компонента в пикселях от 8.
  • Начало линии — тип трубопровода в начальной точке:
    • Нет — обычная линия.
    • Фланец — фланцевое соединение.
    • Разрыв — обрыв линии.

Примитив для отображения прямого отрезка между двумя точками с настраиваемым стилем.

  • Имя — уникальный идентификатор графического компонента.
  • X — абсцисса точки привязки (левый верхний угол) компонента в пикселях.
  • Y — ордината точки привязки (левый верхний угол) компонента в пикселях.
  • Цвет активный — цвет линии при значении привязанного тега 1 (True).
  • Цвет неактивный — цвет линии при значении привязанного тега 0 (False).
  • Размер линии — толщина линии в пикселях (от 2).
  • Начало линии — тип маркера начала:
    • Нет.
    • Левая стрелка.
    • Правая стрелка.
    • Круг.
  • Конец линии — тип маркера конца:
    • Нет.
    • Левая стрелка.
    • Правая стрелка.
    • Круг.
  • Тег — дискретный тег, управляющий цветовой заливкой линии.

Компонент для отображения текущих аварийных и технологических событий в реальном времени.

  • Имя — уникальный идентификатор графического компонента.
  • X — абсцисса точки привязки (левый верхний угол) компонента в пикселях.
  • Y — ордината точки привязки (левый верхний угол) компонента в пикселях.
  • Ширина — габаритный размер компонента по горизонтали в пикселях.
  • Высота — габаритный размер компонента по вертикали в пикселях.
  • Цвет фона — цвет фоновой области таблицы событий.
  • Цвет границы — цвет рамки вокруг компонента.
  • Цвет сетки — цвет линий, разделяющих строки и столбцы таблицы.
  • Шрифт — шрифт, используемый для текста событий в таблице.
  • Обязательное квитирование — режим обработки событий:
    • Вкл — события остаются в таблице до ручного квитирования, даже если состояние нормализовалось.
    • Выкл — события автоматически удаляются из таблицы при нормализации состояния.
  • Заголовок:
    • Цвет фона — цвет фона заголовка таблицы.
    • Цвет текста — цвет текста заголовка таблицы.
    • Шрифт — шрифт, используемый для текста заголовка таблицы.
  • Фильтр тегов:
    • Активность:
      • Вкл — в таблицу событий попадают только выбранные теги в поле "Теги" раздела "Фильтр тегов".
      • Выкл — в таблицу событий попадают все теги для которых настроены события.
    • Теги — диалоговое окно выбора тегов для фильтра.
  • События — набор флагов для фильтрации типов оперативных событий в таблице:
    • Верх уставки (АВ) — события верхней аварийной уставки.
    • Верх уставки (ПРЕД) — события верхней предупредительной уставки.
    • Возврат в норму — события возврата параметра в нормальный диапазон.
    • Низ уставки (ПРЕД) — события нижней предупредительной уставки.
    • Низ уставки (АВ) — события нижней аварийной уставки.
    • Включено — события включения оборудования/сигналов.
    • Выключено — события выключения оборудования/сигналов.
    • Предупреждение — события с уровнем важности "Предупреждение".
    • Информационное — информационные события.
    • Аварийное — аварийные события.
    • Действие пользователя — события, вызванные действиями оператора.
    • Плохое качество — события с невалидным или недостоверным качеством данных.
    • Системные — системные события.

Компонент для отображения информации о самом свежем событии в системе.

  • Имя — уникальный идентификатор графического компонента.
  • X — абсцисса точки привязки (левый верхний угол) компонента в пикселях.
  • Y — ордината точки привязки (левый верхний угол) компонента в пикселях.
  • Ширина — габаритный размер компонента по горизонтали в пикселях.
  • Высота — габаритный размер компонента по вертикали в пикселях.
  • Цвет фона — цвет фоновой области строки событий.
  • Выпадающий список:
    • Цвет фона — цвет фоновой области выпадающего списка.
  • Кнопки:
    • Квитировать: показать — отображать/скрывать кнопку ручного квитирования события.
    • Квитировать все: показать — отображать/скрывать кнопку массового квитирования событий.
    • Открыть события: показать — отображать/скрывать кнопку перехода к журналу событий.
    • Цвет фона — цвет фона панели кнопок.
    • Цвет иконок — цвет графических элементов на кнопках.
  • Фильтр тегов:
    • Активность:
      • Вкл — в таблицу событий попадают только выбранные теги в поле "Теги" раздела "Фильтр тегов".
      • Выкл — в таблицу событий попадают все теги для которых настроены события.
    • Теги — диалоговое окно выбора тегов для фильтра.
  • События — набор флагов для фильтрации типов оперативных событий в таблице:
    • Верх уставки (АВ) — события верхней аварийной уставки.
    • Верх уставки (ПРЕД) — события верхней предупредительной уставки.
    • Возврат в норму — события возврата параметра в нормальный диапазон.
    • Низ уставки (ПРЕД) — события нижней предупредительной уставки.
    • Низ уставки (АВ) — события нижней аварийной уставки.
    • Включено — события включения оборудования/сигналов.
    • Выключено — события выключения оборудования/сигналов.
    • Предупреждение — события с уровнем важности "Предупреждение".
    • Информационное — информационные события.
    • Аварийное — аварийные события.
    • Действие пользователя — события, вызванные действиями оператора.
    • Плохое качество — события с невалидным или недостоверным качеством данных.
    • Системные — системные события.
  • Макс. событий — максимальное количество одновременно отображаемых событий в компоненте.

Размещает на мнемосхеме универсальный индикатор аварий с возможностью отображения количества активных аварий.

  • X — абсцисса точки привязки (левый верхний угол) компонента в пикселях.
  • Y — ордината точки привязки (левый верхний угол) компонента в пикселях.
  • Ширина — габаритный размер компонента по горизонтали в пикселях.
  • Высота — габаритный размер компонента по вертикали в пикселях.
  • Угол вращения — угол поворота компонента относительно точки привязки в градусах.
  • Шрифт — шрифт, используемый в компоненте.
  • Активное состояние:
    • Цвет фона — фон индикатора в активном состоянии.
    • Цвет границы — цвет рамки индикатора.
    • Ширина границы — толщина рамки.
    • Фигура — вызов окна выбора фигуры из "Галереи проекта".
    • Имя файла изображения — путь к пользовательской пиктограмме.
    • Режим мигания — включение/отключение мигания при аварии.
    • Текст — надпись в активном состоянии.
    • Цвет текста — цвет текста.
    • Видимость — отображение элементов в активном состоянии.
  • Неактивное состояние:
    • Цвет фона — фон индикатора в неактивном состоянии.
    • Цвет границы — цвет рамки индикатора.
    • Ширина границы — толщина рамки.
    • Фигура — вызов окна выбора фигуры из "Галереи проекта".
    • Имя файла изображения — путь к пользовательской пиктограмме.
    • Режим мигания — включение/отключение мигания при аварии.
    • Текст — надпись в неактивном состоянии.
    • Цвет текста — цвет текста.
    • Видимость — отображение элементов в неактивном состоянии.
  • Показать количество аварий — отображать число активных аварий.
  • Теги — привязанные теги для определения состояния аварии.

Для данного компонента предусмотрена возможность группового добавления тегов в привязках.

Универсальный компонент для структурированного отображения данных в виде строк и столбцов

  • Имя — уникальный идентификатор графического компонента.
  • X — абсцисса точки привязки (левый верхний угол) компонента в пикселях.
  • Y — ордината точки привязки (левый верхний угол) компонента в пикселях.
  • Ширина — габаритный размер компонента по горизонтали в пикселях.
  • Высота — габаритный размер компонента по вертикали в пикселях.
  • Угол вращения — угол поворота компонента относительно точки привязки в градусах.
  • Цвет фона — цвет фона таблицы.
  • Колонки — количество столбцов в таблице. Чтобы добавить столбцы необходимо нажать кнопку ... в данном поле.
  • Заголовок:
    • Цвет фона — цвет фона области заголовка таблицы.
    • Текст — текст, отображаемый в заголовке таблицы.
    • Цвет текста — цвет текста заголовка таблицы.
    • Шрифт — шрифт текста заголовка таблицы.
    • Горизонтальное выравнивание — выравнивание текста заголовка:
      • Слева.
      • По центру.
      • Справа.
    • Видимость — флаг отображения заголовка:
      • Вкл — видим.
      • Выкл — скрыт.
  • Кол-во строк — количество строк в таблице (без учета заголовка).
  • Высота строки — высота каждой строки в пикселях (мин. 20, макс. 100).
  • Шрифт — шрифт текста в строках таблицы.
  • Цвет сетки — цвет разделительных линий между ячейками.
  • Цвет чередования — цвет фона нечетных строк для улучшения читаемости.

Чтобы выбрать свойства всей колонки, в диалоговом окне "Колонки" необходимо выбрать интересующую колонку и перейти в "Инспектор свойств".

  • Текст — заголовок колонки таблицы.
  • Номер— порядковый индекс колонки (начиная с 1).
  • Значение шрифта — источник параметров шрифта:
    • как у таблицы (наследование).
    • своё (индивидуальные настройки).
  • Шрифт — параметры шрифта для текста колонки.
  • Выравнивание — позиция текста в ячейках колонки (9 вариантов: по горизонтали/вертикали).
  • Цвет текста — цвет текстового содержимого колонки.
  • Перенос строк — флаг переноса текста:
    • Вкл (автоперенос).
    • Выкл (одна строка).
  • Редактирование — режим редактирования ячеек: разрешено или запрещено.
  • Ширина — ширина колонки в пикселях (диапазон: 20–400).

Чтобы выбрать свойства отдельной ячейки необходимо в компоненте таблица выбрать нужную и перейти в "Инспектор свойств".

  • Цвет фона — цвет фона текущей ячейки.
  • Значение шрифта — источник параметров шрифта:
    • как у таблицы (наследование).
    • своё (индивидуальные настройки).
  • Шрифт — параметры шрифта для текста ячейки.
  • Выравнивание — позиция текста в ячейке (9 вариантов: по горизонтали/вертикали).
  • Значение цвета текста — источник цвета текста:
    • как у таблицы (наследование).
    • своё (индивидуальный цвет).
  • Цвет текста — цвет текста ячейки.
  • Значение переноса строк — источник правила переноса:
    • как у колонки (наследование).
    • своё (индивидуальные настройки).
  • Перенос строк — флаг переноса текста в ячейке:
    • Включен (автоперенос).
    • Выключен (одна строка).
  • Текст — содержимое ячейки (статический текст или выражение).
  • Редактирование — режим редактирования:
    • Разрешено.
    • Запрещено.
    • как у колонки (наследование от колонки).
  • Тег — привязанный тег для динамического отображения данных в ячейке.

Компонент для графического отображения исторических данных тегов за выбранный период времени.

  • Имя — уникальный идентификатор графического компонента.
  • X — абсцисса точки привязки (левый верхний угол) компонента в пикселях.
  • Y — ордината точки привязки (левый верхний угол) компонента в пикселях.
  • Ширина — габаритный размер компонента по горизонтали в пикселях.
  • Высота — габаритный размер компонента по вертикали в пикселях.
  • Шкала времени:
    • Цвет — цвет оси времени (X).
    • Цвет отметки — цвет делений и меток времени.
  • Цвет фона — цвет фоновой области компонента "Тренд".
  • Шкалы значений — количество осей значений (Y). Настройка выбранной оси Y.
  • Ряды — количество подключенных тегов. Подключение тегов к тренду.

Для привязки активного тега проекта к компоненту "Архивный тренд" необходимо выполнить следующие действия:

Компонент для визуализации изменения значений тегов в реальном времени.

  • Имя — уникальный идентификатор графического компонента.
  • X — абсцисса точки привязки (левый верхний угол) компонента в пикселях.
  • Y — ордината точки привязки (левый верхний угол) компонента в пикселях.
  • Ширина — габаритный размер компонента по горизонтали в пикселях.
  • Высота — габаритный размер компонента по вертикали в пикселях.
  • Цвет фона — цвет фоновой области компонента "Тренд".
  • Заголовок:
    • Текст — текст заголовка тренда.
    • Видимость — флаг отображения заголовка:
      • Вкл (видим).
      • Выкл (скрыт).
  • Область рядов:
    • Цвет фона — цвет фона области графиков.
    • Цвет границы — цвет рамки вокруг области графиков.
    • Цвет сетки — цвет сетки в области графиков.
  • Легенда:
    • Цвет текста — цвет текста легенды тренда.
    • Видимость — флаг отображения легенды:
      • Вкл (видима).
      • Выкл (скрыта).
  • Шкала времени:
    • Цвет — цвет оси времени (X).
    • Интервал — шаг временных меток на оси X.
    • Цвет отметки — цвет делений и меток времени.
    • Видимость — флаг отображения временной шкалы:
      • Вкл (видима).
      • Выкл (скрыта).
    • Интервал обновления — период обновления данных на тренде (мс).
  • Шкалы значений — количество осей значений (Y). Настройка выбранной оси Y.
  • Ряды — количество подключенных тегов. Подключение тегов к тренду.

Для привязки активного тега проекта к компоненту "Тренд" необходимо выполнить следующие действия:

Компонент для отображения текущих даты и времени системы в заданном формате.

  • Имя — уникальный идентификатор графического компонента.
  • X — абсцисса точки привязки (левый верхний угол) компонента в пикселях.
  • Y — ордината точки привязки (левый верхний угол) компонента в пикселях.
  • Ширина — габаритный размер компонента по горизонтали в пикселях.
  • Высота — габаритный размер компонента по вертикали в пикселях.
  • Угол вращения — угол поворота компонента относительно точки привязки в градусах.
  • Цвет — цвет текста даты и времени.
  • Шрифт — шрифт для отображаемых значений.
  • Показывать дату — флаг отображения даты:
    • Вкл (видна).
    • Выкл (скрыта).
  • Формат даты — варианты отображения:
    • d.m — 5.9
    • dd.mm — 05.09
    • d.m.y — 5.9.24
    • dd.mm.yyyy — 05.09.2024
    • d mmm yyyy — 5 сен 2024
    • d mmmm yyyy — 5 сентября 2024
  • Показывать время — флаг отображения времени:
    • Вкл (видно).
    • Выкл (скрыто).
  • Формат времени — варианты отображения:
    • h:m — 9:5
    • hh:mm — 09:05
    • h:m:s — 9:5:8
    • h:mm:ss — 9:05:08
    • hh:mm:ss — 09:05:08

Компонент для отображения видеопотока с сетевой камеры в реальном времени.

  • Имя — уникальный идентификатор графического компонента.
  • X — абсцисса точки привязки (левый верхний угол) компонента в пикселях.
  • Y — ордината точки привязки (левый верхний угол) компонента в пикселях.
  • Ширина — габаритный размер компонента по горизонтали в пикселях.
  • Высота — габаритный размер компонента по вертикали в пикселях.
  • Камера — поле выбора IP-камеры для отображение видеопотока в графическом компоненте.

Компонент для выбора или ввода значения даты и времени с возможностью привязки к тегу.

  • Имя — уникальный идентификатор графического компонента.
  • X — абсцисса точки привязки (левый верхний угол) компонента в пикселях.
  • Y — ордината точки привязки (левый верхний угол) компонента в пикселях.
  • Ширина — габаритный размер компонента по горизонтали в пикселях.
  • Высота — габаритный размер компонента по вертикали в пикселях.
  • Цвет границы — цвет обрамления компонента.
  • Цвет текста — цвет текстового содержимого.
  • Шрифт — параметры шрифта текста (стиль, размер, начертание).
  • Стиль — вариант отображения компонента: «только поле» (ввод вручную) или «поле и кнопка» (с выпадающим календарем).
  • Тег — привязанный тег для хранения и отображения значения даты и времени.

Область редактирования

В среде разработки, при работе с графикой, доступны три окна, из которых можно перенести графические объекты (фигуры) в область редактирования:

  • Общая галерея.
  • Галерея проекта.
  • Палитра компонентов.

Перенос элемента в область редактирования осуществляется методом перетаскивания с зажатой левой кнопкой мыши.

Сочетание клавиш

  • Ctrl+колесо мыши — масштабирование области редактирования.
  • Ctrl+левая кнопка мыши — перемещение области редактирования.
  • Ctrl+Up+Down+Left+Right — перемещение выделенного объекта вверх (вниз, влево, вправо) на 1 пиксель.
  • Shift+Up+Down+Left+Right — изменение размера выделенного объекта на 1 пиксель.
  • Ctrl+Num 1 — уменьшить масштаб области редактирования.
  • Ctrl+Num 2 — увеличить масштаб области редактирования.
  • Ctrl+C — копировать объект.
  • Ctrl+X — вырезать объект.
  • Ctrl+V — вставить объект.
  • Ctrl+Z — отменить действие.
  • Ctrl+Y — повторить отмененное действие.
  • Del — удалить выделенный объект из области редактирования.

Для быстрого скрытия или отображения галереи необходимо нажать на кнопку панели инструментов области редактирования.
Для отображения привязок к тегам на выделенном графическом объекте мнемосхемы необходимо нажать кнопку панели инструментов.

Важно

Перемещение элементов на мнемосхеме с помощью указателя мыши осуществляется только с шагом в 10 пикселей, независимо от настроек шага сетки. Если требуется позиционирование с точностью до 1 пикселя, необходимо сначала выбрать нужный элемент мышью на мнемосхеме, затем на клавиатуре зажать клавишу Ctrl и использовать клавиши Up, Down, Left, Right для перемещения элемента, либо задать точные координаты с помощью инспектора свойств элемента.

Панель инструментов

Панель инструментов в области редактирования предоставляет возможность быстрого выравнивания и позиционирования групп объектов, а также сохранения и развёртывания проекта на сервере.

Кнопка Описание 
Сохранить мнемосхему
 
Развернуть проект
 
Копировать объект
 
Вставить объект
 
Выровнять объекты по левому краю
 
Выровнять объекты по правому краю
 
Выровнять объекты по верхнему краю
 
Выровнять объекты по нижнему краю
 
Центрировать объекты по горизонтали
 
Центрировать объекты по вертикали
 
Установить интервал по горизонтали
 
Установить интервал по вертикали
 
Переместить на передний план
 
Переместить на задний план
 
Переместить на один шаг вперед
 
Переместить на один шаг назад
 
Отменить действие
 
Повторить действие
 
Увеличить масштаб области редактирования
 
Уменьшить масштаб области редактирования
 
Установить масштаб 100%
 
Запустить симуляцию
 
Показать/скрыть галерею графических объектов
 
Показать/скрыть привязки тегов на объектах

Симуляция

В среде разработки предусмотрен специализированный инструмент симуляции, позволяющий тестировать поведение динамизированных элементов мнемосхемы без необходимости развертывания проекта на сервере. Данный функционал особенно полезен для проверки корректности работы динамических привязок и отображения объектов в интерактивном режиме.

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

Важно

Для проведения симуляции необходимо, чтобы в графических объектах были выполнены привязки к активным тегам проекта.

Для активации режима симуляции для динамизируемых объектов мнемосхемы необходимо на инструментальной панели нажать кнопку с пиктограммой зеленого треугольника. Откроется окно симулятора с перечнем объектов, добавленных на рабочее поле мнемосхемы. Для каждого аргумента, привязанного к какому-либо свойству динамизации есть возможность назначить стратегию симуляции.

Ниже представлены описание настроек симуляции для разных типов принимаемых значений. После ввода значения в поле "Константа", либо в случае применения стратегии, в области редактирования можно будет визуально наблюдать изменение поведения объекта.

  1. Константа — запись в переменную фиксированного числового значения.
    • Значение — поле для ввода фиксированного значения.
  2. Синусоида — генерация значения по синусоидальному закону в заданном диапазоне.
    • Минимум — нижняя граница генерируемых значений.
    • Максимум — верхняя граница генерируемых значений.
    • Период — время полного цикла изменения значения (в секундах).
  3. Пила — генерация значения по линейно нарастающему закону (пилообразный сигнал).
    • Минимум — нижняя граница генерируемых значений.
    • Максимум — верхняя граница генерируемых значений.
    • Период — время полного цикла изменения значения (в секундах).
  1. Константа — запись в переменную фиксированного числового значения.
    • Значение — поле для ввода фиксированного значения переменной
  2. Включено/выключено
    • Период — период в секундах между формированием сигнала вкл и откл.

Кнопка "Задать всем" открывает диалоговое окно, которое позволяет назначить стратегию для группы аргументов.

Общая галерея

Общая галерея представляет собой окно в правой части среды разработки, содержащее библиотеку фигур, доступных для использования в любом проекте. Среда разработки включает базовый набор фигур, а также позволяет добавлять в галерею пользовательские фигуры для их последующего применения в других проектах. Для упорядочивания созданных пользователем фигур в общей галерее предусмотрена возможность создания папок.

Чтобы добавить каталог необходимо нажать правой кнопкой мыши в пустой области галереи и из контекстного меню выбрать "Добавить папку".

Для того, чтобы поместить фигуру в новую папку, необходимо выделить её левой кнопкой мыши, далее перейти в "Галерею проекта", выбрать уже существующий компонент, нажать на нем правой кнопкой мыши и в контекстном меню выбрать пункт "Добавить в общую галерею".

Система запросит ввести уникальное наименование компонента.

Затем система создаст копию фигуры и поместит ее в выбранный каталог. С этого момента данная фигура становится частью библиотеки и может быть использована в других проектах.

Многофункциональная кнопка

Объект "Многофункциональная кнопка" является базовым для организации управления.

  • Имя — уникальный идентификатор графического компонента.
  • X — абсцисса точки привязки (левый верхний угол) компонента в пикселях.
  • Y — ордината точки привязки (левый верхний угол) компонента в пикселях.
  • Ширина — габаритный размер компонента по горизонтали в пикселях.
  • Высота — габаритный размер компонента по вертикали в пикселях.
  • Угол вращения — угол поворота компонента относительно точки привязки в градусах.
  • Подсказка:
    • Состояние — флаг активации всплывающей подсказки:
      • Вкл (отображается).
      • Выкл (скрыта).
    • Подсказка — текст всплывающей подсказки компонента.
  • Привязки — количество связей свойств компонента с тегами проекта (открывает редактор привязок).
  • Радиус скругления — радиус скругления углов компонента (диапазон: 0–50).
  • Пароль доступа
  • Шрифт
    • Имя шрифта — гарнитура шрифта текста компонента.
    • Размер — размер шрифта текста компонента.
  • Текст:
    • Текст на кнопке — надпись на компоненте.
  • Отжата — стиль компонента в нормальном состоянии:
    • Цвет заливки
    • Цвет обводки
    • Ширина обводки
    • Цвет текста
  • Наведена — стиль при наведении курсора.
  • Нажата — стиль в нажатом состоянии.
  • Действие: — описание действий приводится на вкладках выше.
  • Мнемосхема — мнемосхема, открываемая при нажатии на компонент.
  • Мнемосхема — мнемосхема, открываемая при нажатии на компонент.
  • Переменные в строке — параметры для передачи в мнемосхему-шаблон в формате: Имя1=Значение1, Имя2=Значение2
  • Окно/Источник положения — способ позиционирования окна: "под кнопкой" (контекстно) или "жесткое положение" (фиксированные координаты).
  • Окно/Заголовок/Цвет фона — цвет фона заголовка окна.
  • Окно/Заголовок/Цвет текста — цвет текста в заголовке окна.
  • Окно/Заголовок/Текст — надпись в заголовке окна.
  • Окно/Заголовок/Видимость — флаг отображения заголовка окна.

Работает только в нативном HMI-клиенте.

  • Мнемосхема — мнемосхема, открываемая при нажатии на компонент.
  • Окно/Рамка — режим отображения окна: с рамкой или без (полноэкранный/без границ).
  • Окно/Номер монитора — номер монитора для отображения окна (в многомониторной конфигурации).
  • Окно/Положение X — горизонтальная координата окна на экран.
  • Окно/Положение Y — вертикальная координата окна на экране.
  • Окно/Ширина — ширина окна в пикселях.
  • Окно/Высота — высота окна в пикселях.
  • Мнемосхема — мнемосхема, открываемая при нажатии на компонент.
  • Имя контейнера — уникальный идентификатор контейнера для отображения мнемосхемы.
  • Переменные в строке — параметры для передачи в мнемосхему-шаблон в формате: Имя1=Значение1, Имя2=Значение2

При нажатии на кнопку происходит переход к журналу событий сервера.

  • Имя компонента — уникальный идентификатор компонента iframe на мнемосхеме.
  • URL — веб-адрес для загрузки в компонент iframe.

При нажатии на кнопку происходит переход к просмотру графиков.

  • Канал — имя тега, в который производится запись значения.
  • Значение — данные для записи в указанный тег.
  • Подтверждение записи — флаг отображения диалога подтверждения:
    • Вкл (показывать).
    • Выкл (не показывать).
  • Текст подтверждения — сообщение в диалоговом окне подтверждения операции записи.
  • Запись бит — режим побитовой записи значения в тег (изменение только указанных битов).
  • Канал — имя тега, в который производится запись значения.
  • Значение — данные для записи в указанный тег.
  • Значение, отжато — значение, записываемое в тег при отпускании кнопки (возвращении в отжатое состояние).
  • Запись бит — режим побитовой записи значения в тег (изменение только указанных битов).

При нажатии на кнопку происходит закрытие клиента.

При нажатии на кнопку происходит выход из текущей учетной записи.

При нажатии на кнопку происходит закрытие активной мнемосхемы.

  • Имя отчета — имя шаблона отчета, созданного в "Редакторе отчетов".
  • Макро-настройки — открывает редактор макросов для настройки последовательности действий.

Галерея проекта

Все пользовательские фигуры, созданные в рамках проекта, а также копии фигур, перенесённых из "Общей галереи", сохраняются в окне "Галерея проекта".

При создании и многократном редактировании объектов в "Галерее проекта" система формирует дубликаты. Чтобы удалить неиспользуемые копии, следует нажать правую кнопку мыши на любом неиспользуемом элементе и в контекстном меню выбрать "Удалить неиспользуемые".

Важно

Если в "Галерее проекта" есть объекты, которые могут потребоваться в дальнейшем, то перед удалением неиспользуемых объектов их следует сохранить в Общей Галерее.

После подтверждения указанные объекты будут безвозвратно удалены.