Редактор фигур

Запуск редактора

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

• Масштабируемость — графика сохраняет чёткость при увеличении или уменьшении масштаба.
• Гибкость настройки — параметры элементов (цвет, форма, прозрачность) могут динамически изменяться.
• Эффективность хранения — векторные объекты занимают меньше памяти по сравнению с растровыми аналогами.
• Адаптивность — элементы автоматически подстраиваются под разрешение экрана, что важно для проектов с разными устройствами визуализации.

Важно

Для работы с редактором фигур требуется активировать расширенный режим работы с графикой в настройках (Про).

Информация

В редакторе можно создать новый графический объект или отредактировать объект, доступный в общей галерее (при этом система создаст его копию в "Галерее проекта").

Новый объект

Для создания нового объекта в области редактирования мнемосхемы необходимо разместить элемент "Пустая фигура" из "Палитры компонентов". Затем, используя правую кнопку мыши, вызвать контекстное меню объекта и выбрать пункт "Редактировать копию".

Откроется диалоговое окно, в котором необходимо указать имя объекта.

После этого система откроет "Редактор фигур".

Редактирование

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

Главное окно

В главном окне редактора можно выделить следующие функциональные области:

1. Меню2. Панель инструментов3. Инспектор свойств4. Палитра компонентов5. Область редактирования6. Структура

Набор различных функций и параметров редактора фигур:

• Правка:
  • Отменить — отмена последнего выполненного действия в редакторе фигур Ctrl+Z
  • Повторить — повтор отмененного действия в редакторе фигур Ctrl+Y
• Фигура:
  • Аргументы — открывает редактор аргументов текущей фигуры.
  • Привязки — открывает редактор связей фигуры с активными тегами.

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

Окно просмотра и редактирования свойств выбранного объекта. Ниже представлены свойства для всей выбранной фигуры:

• Ширина — ширина фигуры в пикселях.
• Высота — высота фигуры в пикселях.

• Заливка:

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

• Область просмотра:

  • Растянуть — режим масштабирования объекта на мнемосхеме:
    • Нет — исходный размер.
    • Масштаб — пропорциональное изменение.
    • Заполнение — растяжение по всей области.
  • Минимальная ширина — наименьшая допустимая ширина области.
  • Минимальная высота — наименьшая допустимая высота области.

Описание окна Палитра компонентов приведено ниже.

Область редактирования представляет собой основное рабочее пространство для создания и редактирования графического объекта.

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

• 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 — удалить выделенный объект из области редактирования.

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

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

Важно

Для редактирования отдельного примитива внутри группы необходимо сначала выделить саму группу в "Структуре". Затем на рабочем поле нажать правой кнопкой мыши (либо используя соответствующую кнопку на панели инструментов) и выбрать пункт меню "Разгруппировать". После внесения необходимых изменений примитивы можно снова объединить в группу.

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

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

Изменение границИзменение вершинПрямоугольникТекстПутьПуть БезьеИзображениеЭллипсДугаПирогЛинейная шкалаДуговая шкалаПоле вводаТаблица оперативных событийМногофункциональная кнопкаСлайдерSVG-ящикSVG-изображение

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

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

Инструмент, который используется для корректировки геометрии криволинейных компонентов Путь, Путь Безье, Дуга, Пирог, Дуговая шкала.

Базовая геометрическая фигура.

• Анимации — настройка и количество анимаций компонента.
• Имя — уникальный идентификатор графического компонента.
• X — абсцисса базовой точки привязки (левый верхний угол) в пикселях.
• Y — ордината базовой точки привязки (левый верхний угол) в пикселях.
• Ширина — размер по горизонтальной оси в пикселях.
• Высота — размер по вертикальной оси в пикселях.
• Угол вращения — угол ориентации фигуры относительно базовой точки в градусах.
• Центр вращения X — горизонтальная координата точки вращения (0,0 — левая граница, 1,0 — правая граница, 0,5 — середина между левой и правой).
• Центр вращения Y — вертикальная координата точки вращения (0,0 — верхняя граница, 1,0 — нижняя граница, 0,5 — середина между верхней и нижней).
• Заливка:
  • Цвет — основной цвет заливки.
  • Тип — тип заливки (сплошная, градиент, изображение).
  • Градиент — настройки градиентной заливки.
  • Изображение — настройки заливки изображением.
  • Уровень — включение индикации уровня.
  • Процент уровня — значение уровня заполнения (0,0 — 0%, 0,5 — 50%, 1,0 — 100%).
• Обводка:
  • Цвет — цвет контура фигуры.
  • Ширина — толщина линии обводки.
  • Стиль — стиль линии (сплошная, пунктир).
  • Лимит скоса под угол — максимальное значение скоса углов.
• Радиус скругления X — радиус скругления по горизонтали.
• Радиус скругления Y — радиус скругления по вертикали.

Текстовый элемент с настраиваемым содержимым.

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

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

• Анимации — настройка и количество анимаций компонента.
• Имя — уникальный идентификатор графического компонента.
• X — абсцисса базовой точки привязки (левый верхний угол) в пикселях.
• Y — ордината базовой точки привязки (левый верхний угол) в пикселях.
• Ширина — размер по горизонтальной оси в пикселях.
• Высота — размер по вертикальной оси в пикселях.
• Угол вращения — угол ориентации фигуры относительно базовой точки в градусах.
• Центр вращения X — горизонтальная координата точки вращения (0,0 — левая граница, 1,0 — правая граница, 0,5 — середина между левой и правой).
• Центр вращения Y — вертикальная координата точки вращения (0,0 — верхняя граница, 1,0 — нижняя граница, 0,5 — середина между верхней и нижней).
• Заливка:
  • Цвет — основной цвет заливки.
  • Тип — тип заливки (сплошная, градиент, изображение).
  • Градиент — настройки градиентной заливки.
  • Изображение — настройки заливки изображением.
  • Уровень — включение индикации уровня.
  • Процент уровня — значение уровня заполнения (0,0 — 0%, 0,5 — 50%, 1,0 — 100%).
• Обводка:
  • Цвет — цвет контура фигуры.
  • Ширина — толщина линии обводки.
  • Стиль — стиль линии (сплошная, пунктир).
  • Лимит скоса под угол — максимальное значение скоса углов.
• Начало линии — выбор символа для оформления начала линии (стрелка, круг и т.д.).
• Размер начала линии — размер символа в начале линии.
• Конец линии — выбор символа для оформления конца линии.
• Размер конца линии — размер символа в конце линии.

Инструмент создания "кривых Безье" для сложных векторных форм.

Построение кривой Безье:

1. Начальная точка — первым нажатием левой кнопки мыши фиксируется начальная точка кривой.
2. Направление и длина изгиба — вторым нажатием задается направление и длина будущего изгиба, визуально отображаемые в виде направляющего отрезка.
3. Формирование кривой — перемещение курсора мыши формирует изгиб кривой Безье, который динамически отображается на экране.
4. Завершение сегмента — третье нажатие фиксирует конечную точку первого сегмента кривой.

Данная конечная точка автоматически становится начальной для следующего сегмента, позволяя строить непрерывную кривую. Процесс повторяется с пункта 2.
Для завершения построения используется клавиша "Esc".

• Анимации — настройка и количество анимаций компонента.
• Имя — уникальный идентификатор графического компонента.
• X — абсцисса базовой точки привязки (левый верхний угол) в пикселях.
• Y — ордината базовой точки привязки (левый верхний угол) в пикселях.
• Ширина — размер по горизонтальной оси в пикселях.
• Высота — размер по вертикальной оси в пикселях.
• Угол вращения — угол ориентации фигуры относительно базовой точки в градусах.
• Центр вращения X — горизонтальная координата точки вращения (0,0 — левая граница, 1,0 — правая граница, 0,5 — середина между левой и правой).
• Центр вращения Y — вертикальная координата точки вращения (0,0 — верхняя граница, 1,0 — нижняя граница, 0,5 — середина между верхней и нижней).
• Заливка:
  • Цвет — основной цвет заливки.
  • Тип — тип заливки (сплошная, градиент, изображение).
  • Градиент — настройки градиентной заливки.
  • Изображение — настройки заливки изображением.
  • Уровень — включение индикации уровня.
  • Процент уровня — значение уровня заполнения (0,0 — 0%, 0,5 — 50%, 1,0 — 100%).
• Обводка:
  • Цвет — цвет контура фигуры.
  • Ширина — толщина линии обводки.
  • Стиль — стиль линии (сплошная, пунктир).
  • Лимит скоса под угол — максимальное значение скоса углов.

Компонент для отображения растровой графики (*.png, *.jpeg, *.bmp).

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

Инструмент для создания геометрической фигуры овальной или круглой формы.

• Анимации — настройка и количество анимаций компонента.
• Имя — уникальный идентификатор графического компонента.
• X — абсцисса базовой точки привязки (левый верхний угол) в пикселях.
• Y — ордината базовой точки привязки (левый верхний угол) в пикселях.
• Ширина — размер по горизонтальной оси в пикселях.
• Высота — размер по вертикальной оси в пикселях.
• Угол вращения — угол ориентации фигуры относительно базовой точки в градусах.
• Центр вращения X — горизонтальная координата точки вращения (0,0 — левая граница, 1,0 — правая граница, 0,5 — середина между левой и правой).
• Центр вращения Y — вертикальная координата точки вращения (0,0 — верхняя граница, 1,0 — нижняя граница, 0,5 — середина между верхней и нижней).
• Заливка:
  • Цвет — основной цвет заливки.
  • Тип — тип заливки (сплошная, градиент, изображение).
  • Градиент — настройки градиентной заливки.
  • Изображение — настройки заливки изображением.
  • Уровень — включение индикации уровня.
  • Процент уровня — значение уровня заполнения (0,0 — 0%, 0,5 — 50%, 1,0 — 100%).
• Обводка:
  • Цвет — цвет контура фигуры.
  • Ширина — толщина линии обводки.
  • Стиль — стиль линии (сплошная, пунктир).
  • Лимит скоса под угол — максимальное значение скоса углов.

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

• Анимации — настройка и количество анимаций компонента.
• Имя — уникальный идентификатор графического компонента.
• X — абсцисса базовой точки привязки (левый верхний угол) в пикселях.
• Y — ордината базовой точки привязки (левый верхний угол) в пикселях.
• Ширина — размер по горизонтальной оси в пикселях.
• Высота — размер по вертикальной оси в пикселях.
• Угол вращения — угол ориентации фигуры относительно базовой точки в градусах.
• Центр вращения X — горизонтальная координата точки вращения (0,0 — левая граница, 1,0 — правая граница, 0,5 — середина между левой и правой).
• Центр вращения Y — вертикальная координата точки вращения (0,0 — верхняя граница, 1,0 — нижняя граница, 0,5 — середина между верхней и нижней).
• Заливка:
  • Цвет — основной цвет заливки.
  • Тип — тип заливки (сплошная, градиент, изображение).
  • Градиент — настройки градиентной заливки.
  • Изображение — настройки заливки изображением.
  • Уровень — включение индикации уровня.
  • Процент уровня — значение уровня заполнения (0,0 — 0%, 0,5 — 50%, 1,0 — 100%).
• Обводка:
  • Цвет — цвет контура фигуры.
  • Ширина — толщина линии обводки.
  • Стиль — стиль линии (сплошная, пунктир).
  • Лимит скоса под угол — максимальное значение скоса углов.
  • Закругление концов — сглаживание торцов дуги.
• Перемычка в центре — отображение линии, соединяющей концы дуги с центром.
• Угол начала — начальный угол дуги в градусах (0-360°).
• Угол качения — угловая длина дуги в градусах (0-360°).

Инструмент для создания секторной диаграммы.

• Анимации — настройка и количество анимаций компонента.
• Имя — уникальный идентификатор графического компонента.
• X — абсцисса базовой точки привязки (левый верхний угол) в пикселях.
• Y — ордината базовой точки привязки (левый верхний угол) в пикселях.
• Ширина — размер по горизонтальной оси в пикселях.
• Высота — размер по вертикальной оси в пикселях.
• Угол вращения — угол ориентации фигуры относительно базовой точки в градусах.
• Центр вращения X — горизонтальная координата точки вращения (0,0 — левая граница, 1,0 — правая граница, 0,5 — середина между левой и правой).
• Центр вращения Y — вертикальная координата точки вращения (0,0 — верхняя граница, 1,0 — нижняя граница, 0,5 — середина между верхней и нижней).
• Заливка:
  • Цвет — основной цвет заливки.
  • Тип — тип заливки (сплошная, градиент, изображение).
  • Градиент — настройки градиентной заливки.
  • Изображение — настройки заливки изображением.
  • Уровень — включение индикации уровня.
  • Процент уровня — значение уровня заполнения (0,0 — 0%, 0,5 — 50%, 1,0 — 100%).
• Обводка:
  • Цвет — цвет контура фигуры.
  • Ширина — толщина линии обводки.
  • Стиль — стиль линии (сплошная, пунктир).
  • Лимит скоса под угол — максимальное значение скоса углов.
  • Закругление концов — сглаживание торцов дуги.
• Перемычка в центре — отображение линии, соединяющей концы дуги с центром.
• Угол начала — начальный угол дуги в градусах (0-360°).
• Угол качения — угловая длина дуги в градусах (0-360°).

Компонент "Линейный индикатор" с метками.

• Анимации — настройка и количество анимаций компонента.
• Имя — уникальный идентификатор графического компонента.
• X — абсцисса базовой точки привязки (левый верхний угол) в пикселях.
• Y — ордината базовой точки привязки (левый верхний угол) в пикселях.
• Ширина — размер по горизонтальной оси в пикселях.
• Высота — размер по вертикальной оси в пикселях.
• Угол вращения — угол ориентации фигуры относительно базовой точки в градусах.
• Центр вращения X — горизонтальная координата точки вращения (0,0 — левая граница, 1,0 — правая граница, 0,5 — середина между левой и правой).
• Центр вращения Y — вертикальная координата точки вращения (0,0 — верхняя граница, 1,0 — нижняя граница, 0,5 — середина между верхней и нижней).
• Обводка:
  • Цвет — цвет контура фигуры.
• Шрифт — шрифт для подписей шкалы.
• Положение — расположение шкалы относительно индикатора.
• Формат значения — формат отображения чисел (например, "0.0").
• Начальное значение — минимальное значение шкалы.
• Конечное значение — максимальное значение шкалы.
• Количество меток — число делений на шкале.
• Сторона меток — расположение меток: исходная или противоположная сторона.
• Видимость линии — отображение оси шкалы.
• Видимость меток — отображение делений шкалы.
• Видимость подписей меток — отображение числовых значений у делений.

Компонент "Дуговой индикатор" с метками.

• Анимации — настройка и количество анимаций компонента.
• Имя — уникальный идентификатор графического компонента.
• X — абсцисса базовой точки привязки (левый верхний угол) в пикселях.
• Y — ордината базовой точки привязки (левый верхний угол) в пикселях.
• Ширина — размер по горизонтальной оси в пикселях.
• Высота — размер по вертикальной оси в пикселях.
• Угол вращения — угол ориентации фигуры относительно базовой точки в градусах.
• Центр вращения X — горизонтальная координата точки вращения (0,0 — левая граница, 1,0 — правая граница, 0,5 — середина между левой и правой).
• Центр вращения Y — вертикальная координата точки вращения (0,0 — верхняя граница, 1,0 — нижняя граница, 0,5 — середина между верхней и нижней).
• Обводка:
  • Цвет — цвет контура фигуры.
• Шрифт — шрифт для подписей шкалы.
• Формат значения — формат отображения чисел (например, "0.0").
• Начальное значение — минимальное значение шкалы.
• Конечное значение — максимальное значение шкалы.
• Угол начала — начальный угол дуговой шкалы в градусах.
• Угол качения — угловая длина шкалы в градусах.
• Количество меток — число делений на шкале.
• Видимость дуги — отображение оси шкалы.
• Видимость меток — отображение делений шкалы.
• Отступ подписей меток — расстояние от меток до шкалы.
• Видимость подписей меток — отображение числовых значений у делений.

Компонет "Поле ввода" для ввода текста и числовых значений.

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

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

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

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

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

Элемент управления для плавного изменения значения.

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

Компонент, позволяющий отобразить фигуру, заданную в формате .svg. Для создания изображения необходимо разместить код SVG-файла в окне свойства "Содержание".

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

Для вставки кода необходимо открыть редактор, нажав кнопку ... свойства "Содержание". После этого откроется окно "Редактирования текста".

В качестве примера можно скопировать код изображения из листинга ниже:

<svg width="102" height="115" viewBox="0 0 102 115" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M86.3352 16.4906L86.4528 16.7038C82.2613 17.1426 77.9401 17.9528 73.5753 19.1593C47.1995 26.4499 29.2181 45.4511 33.4126 61.5997C34.7551 66.7684 38.2068 71.0184 43.1449 74.1692C26.   661    78.5878 11.5794 75.2942 5.58542 64.5843C-2.50234 50.1334 9.01769 27.6524 31.3161 14.3717C53.6146 1.09101 78.2475 2.03967 86.3352 16.4906Z" fill="#0060D4"/>
<path d="M11.8128 96.7069L11.6924 96.4883C15.8818 96.049 20.2008 95.2387 24.5634 94.0324C50.9386 86.7395 68.9206 67.7361 64.7275 51.5872C63.3855 46.4188 59.9347 42.1692 54.9978 39.0187C71.    4815    34.5967 86.5629 37.8893 92.5559 48.601C100.642 63.0532 89.1214 85.5379 66.8248 98.8219C44.5282 112.106 19.8985 111.159 11.8128 96.7069Z" fill="#0060D4"/>
</svg>

После этого необходимо вставить код из буфера обмена в окно редактирования и нажать "Ок". Затем следует сохранить фигуру в "Редакторе фигур" и развернуть проект на сервере. Изображение станет доступно на мнемосхеме проекта после подключения клиента к серверу.

Компонент, в который можно поместить стороннее векторное SVG-изображение. Изображение копируется во внутреннее хранилище изображений проекта.

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

Редактор аргументов

Фигура > Аргументы

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

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

➕ — добавить новый аргумент.
❌ — удалить выбранный аргумент.
✏️ — изменить имя выбранного аргумента.
▲ — перемещение выбранного аргумента на одну позицию вверх в списке.
▼ — перемещение выбранного аргумента на одну позицию вниз в списке.

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

Группа

Чтобы создать группу, необходимо, чтобы в редакторе был создан хотя бы один аргумент. После этого необходимо установить курсор в поле с названием группы, указать имя и нажать клавишу "Enter".

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

Видимость в свойствах

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

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

Видимость в привязках

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

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

Тип значения

В столбце "Тип значения" для каждого аргумента из выпадающего списка можно выбрать тип значения, которое будет принимать этот аргумент:

• Number — числовое значение (целое или с плавающей точкой).
• String — текстовая строка.
• Boolean — логическое значение (True/False, 1/0).
• Color — выбор цвета в формате HEX или RGB.
• Action — действие, выполняемое компонентом.
• MnemoPath — путь к мнемосхеме в проекте.
• Tag — выбор аргумента.
• FontFamily — выбора шрифта.
• HorzAlign — горизонтальное выравнивание текста (слева/по центру/справа).
• VertAlign — вертикальное выравнивание текста (слева/по центру/справа).
• ImageFileName — указать путь к файлу изображения.
• MacroActions — последовательность макрокоманд.
• PositionSource — источник позиционирования окна (под кнопкой/жесткое положение).
• Integer — целое число.
• Password — пароль (отображается символами-заместителями).
• MultiString — многострочный текст.

Редактор привязок

Фигура > Привязки

Диалоговое окно "Редактор привязок" предоставляет возможность назначить определенные свойства созданным аргументам. Для каждой созданной привязки необходимо определить "Выражение" и "Цель". Эти настройки становятся доступными после выбора привязки в списке и нажатия кнопки ... в соответствующем поле редактора привязок.

➕ — создать новую привязку.
❌ — удалить выбранную привязку.
▲ — перемещение выбранной привязки выше по списку.
▼ — перемещение выбранной привязки ниже по списку.

Выражение:

• Нет — выражение не назначено.
• Есть — выражение назначено. Описание выражения привязки указано после символа $.

Выражение может представлять собой формулу:

или просто определять свойство, не выполняя вычислений:

Цели — может быть одна или несколько целей для каждой привязки. В поле указано общее количество определенных целей.

Редактор выражений

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

1. Список аргументов — перечень всех аргументов фигуры.
2. Область редактирования выражений над аргументами (добавление аргумента в область осуществляется двойным нажатием левой кнопки мыши).
3. Перечень часто используемых функций в выражениях.
4. Область, в которой отображается подсказка по использованию выбранной функции.
5. Кнопка "Проверить" — проверка правильности написания исходного выражения.

Важно

• Имя аргумента передается в функцию в формате ${arg_name}.
• Если в функцию передается аргумент, представленный в виде строки, то его необходимо заключить в одинарные кавычки 'some string'.
• Значения типа number не требуется заключать в кавычки.

ФункцииСвойства аргументовСтатусы тревогиОператоры

Оператор	Описание	Пример выражения
abs	Возвращает абсолютное значение	abs(${arg})
arccos	Вычисляет арккосинус значения в радианах	arccos(${arg})
arcsin	Вычисляет арксинус значения в радианах	arcsin(${arg})
arctan	Вычисляет арктангенс значения в радианах	arctan(${arg})
arccotan	Вычисляет арккотангенс значения в радианах	arccotan(${arg})
band	Побитовое И над значениями аргументов x и y	band(${x}, ${y})
bnot	Побитовое НЕ над значением аргумента x	bnot(${x})
bor	Побитовое ИЛИ над значениями аргумента x и y	bor(${x}, ${y})
blshift	Побитовое смещение влево значения аргумента x на n бит	blshift(${x}, n)
brshift	Побитовое смещение вправо значения аргумента x на n бит	brshift(${x}, n)
bxor	Побитовое исключающее ИЛИ над значениями аргументов x и y	bxor(${x}, ${y})
cos	Вычисляет косинус значения в радианах	cos(${arg})
cotan	Вычисляет котангенс значения в радианах	cos(${arg})
ceil	Округляет вверх до ближайшего целого значения	ceil(2.4) = 3
dateTimeToString	Преобразует время в формате строки ISO8601	dateTimeToString('2025-12-16T05:40:05Z')
exp	Возводит значение аргумента x в натуральную степень e ~ 2.72	exp(${x})
floor	Округляет вниз до ближайшего целого значения	floor(2.6) = 2
frac	Извлекает дробную часть значения	frac(${arg})
getBit	Извлекает бит n из значения аргумента arg	getBit(${arg}, n)
getUserName	Возвращает имя текущего пользователя	getUserName()
getUserGroupName	Возвращает название текущех группы пользователей	getUserGroupName()
if	Условная функция: возвращает одно из двух значений: x — (true), y — (false)	if(${var} > 100, x, y)
ln	Вычисляет натуральный логарифм згачения	ln(${var})
max	Возвращает максимальное из значений аргументов x и y	max(${x}, ${y})
min	Возвращает минимальное из значений аргументов x и y	min(${x}, ${y})
power	Возводит значение аргумента arg в степень n	power(${arg}, n)
round	Округляет значение до ближайшего целого	round(2.6) = 3
setBit	Устанавливает бит n в значение state (0 или 1) тега var	setBit(${var}, n, state)
sin	Вычисляет значение синуса в радианах	sin(${arg})
strInCommaText	Проверяет находится ли текст str в аргументе commaText	strInCommaText('str', ${commaText})
sqr	Возводит значение в квадрат	sqr(${arg})
sqrt	Получает квадратный корень значения	sqrt(${arg})
strInCommaText	Проверяет находится ли текст str в аргументе commaText	strInCommaText('str', ${commaText})
trunc	Извлекает целую часть значения	trunc(${arg})
Масштаб	Масштабирует значение arg из входного диапазона [a, b] в выходной [x, y]	(${arg} - a) / (b - a) * (y - x) + x

Название	Описание
isBound	1 - тег привязан, 0 - тег отвязан от аргумента
value	Значение аргумента. Если не указано свойство, используется именно это свойство
viewValue	Форматированное значение аргумента согласно настройкам привязанного тега
quality	Качество сигнала. 0xC0 (192) — хорошее качество сигнала. Все остальные значения указывают на низкое качество
alarmStatus	Значение статуса тревоги.
loAlarm	Нижняя предупредительная граница уставок (Lo)
loLoAlarm	Нижняя аварийная граница уставок (LoLo)
hiAlarm	Верхняя предупредительная граница уставок (Hi)
hiHiAlarm	Верхняя аварийная граница уставок (HiHi)
lowScale	Нижняя граница шкалы
highScale	Верхняя граница шкалы
units	Единицы измерения шкалы

Перечисление	Название	Описание
0	Normal	Значение находится в пределах уставок
1	LoAlarm	Нарушение нижней предупредительной границы уставок (Lo)
2	HiAlarm	Нарушение верхней предупредительной границы уставок (Hi)
3	DiscreteOn	Отслеживаемое дискретное значение Вкл
4	DiscreteOff	Отслеживаемое дискретное значение Выкл
5	HiHiAlarm	Нарушение верхней аварийной границы уставок (HiHi)
6	LoLoAlarm	Нарушение нижней аварийной границы уставок (LoLo)

Оператор	Описание
...	Группировка
^	Возведение в степень
*	Умножение
/	Деление
+	Сложение
-	Вычитание
==	Равно
!=	Не равно
>	Больше
>=	Больше или равно
<	Меньше
<=	Меньше или равно
not	Логическое отрицание
and	Логическое И
or	Логическое ИЛИ
if	Условное выражение

Функция strInCommaText возвращает значение true, если проверка успешна, и false — в противном случае.
string — строковый тип данных для хранения текстовой информации.
Pi — число Пи (~ 3,14159...)

Статусы тревоги

В случае состояния тревоги Normal — выводится значение аргумента. В противном случае строка Авария.

if(${Переменная}.alarmStatus == AlarmStatus.Normal, ${Переменная}, 'Авария')  

Шаблонные строки

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

`#{${Переменная} + 1} шт. мешков`

Примеры выражений

Деление значения переменной на 100:

${Переменная} / 100

Условное выражение: если переменная привязана (isBound == true), возвращает её единицы измерения, иначе — строку 'A'

if(${Переменная}.isBound, ${Переменная}.units, 'A'):

Извлекает значение из тега "Переменная" и добавляет к значению единицы измеренния шкалы.

`#{${Переменная}.viewValue} #{${Переменная}.units}`

Нормализует значение переменной к диапазону [lowScale, highScale], затем масштабирует результат до диапазона [0, 268]:

(max(min(${Переменная}, ${Переменная}.highScale), ${Переменная}.lowScale) - ${Переменная}.lowScale) / (${Переменная}.highScale - ${Переменная}.lowScale) * 268

Редактор целей

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

➕ — создать новую цель.
❌ — удалить выбранную цель.
▲ — перемещение выбранной цели выше по списку.
▼ — перемещение выбранной цели ниже по списку.

ПрямоугольникТекстПутьПуть БезьеИзображениеЭллипсДугаПирогЛинейная шкалаДуговая шкалаПоле вводаТаблица оперативных событийМногофункциональная кнопкаСлайдерSVG-ящикSVG-изображениеМногостейтовый объектАнимация

Свойство	Тип данных	Описание
Fill.Color	Color	Цвет заливки элемента
Fill.Gradient.CenterX	Number	Горизонтальная позиция центра радиального градиента (0,0 — 0%, 0,5 — 50%, 1,0 — 100%)
Fill.Gradient.CenterY	Number	Вертикальная позиция центра радиального градиента (0,0 — 0%, 0,5 — 50%, 1,0 — 100%)
Fill.Gradient.Radius	Number	Радиус радиального градиента (0,0 — 0%, 0,5 — 50%, 1,0 — 100%)
Fill.Image.FileName	String	Путь к файлу изображения для заливки
Fill.Leveling	Boolean	Включение/отключение режима отсечения заливки по уровню
Fill.LevelProcent	Number	Уровень отсечения заливки по уровню от 0 до 1
Height	Number	Высота элемента
Left	Number	Координата левого края элемента относительно родителя
Name	String	Имя элемента
RadiusX	Number	Радиус скругления по горизонтали, в пикселях
RadiusY	Number	Радиус скругления по вертикали, в пикселях
RotateAngle	Number	Угол поворота элемента, в градусах
RotateCenterX	Number	Центр вращения по шкале X элемента от 0 до 1
RotateCenterY	Number	Центр вращения по шкале Y элемента от 0 до 1
Stroke.Color	Color	Цвет обводки элемента
Stroke.MiterLimit	Number	Предел скоса углов обводки
Stroke.RoundCap	Boolean	Скругление концов линий обводки
Stroke.Width	Number	Толщина обводки
Top	Number	Координата верхнего края элемента относительно родителя
Visible	Boolean	Флаг видимости элемента
Width	Number	Ширина элемента

Свойство	Тип данных	Описание
Color	Color	Цвет текста
Font.Family	String	Название семейства шрифтов
Font.Size	Number	Размер шрифта
Height	Number	Высота элемента
HorzAlign	HorzAlign	Горизонтальное выравнивание текста (слева, по центру, справа).
Left	Number	Координата левого края элемента относительно родителя
Name	String	Имя элемента
RotateAngle	Number	Угол поворота элемента, в градусах
RotateCenterX	Number	Центр вращения по шкале X элемента от 0 до 1
RotateCenterY	Number	Центр вращения по шкале Y элемента от 0 до 1
Text	String	Строка текста, отображаемая в элементе
Top	Number	Координата верхнего края элемента относительно родителя
VertAlign	VertAlign	Вертикальное выравнивание текста (сверху, по центру, снизу)
Width	Number	Ширина элемента
Wrapping	Boolean	Флаг переноса текста на новую строку при достижении границ элемента

Свойство	Тип данных	Описание
CapsVisible	Boolean	Флаг отображения наконечников (окончаний) линии.
EndCap.Size	Number	Размер конечного наконечника линии.
Fill.Color	Color	Цвет заливки элемента
Fill.Gradient.CenterX	Number	Горизонтальная позиция центра радиального градиента (0,0 — 0%, 0,5 — 50%, 1,0 — 100%)
Fill.Gradient.CenterY	Number	Вертикальная позиция центра радиального градиента (0,0 — 0%, 0,5 — 50%, 1,0 — 100%)
Fill.Gradient.Radius	Number	Радиус радиального градиента (0,0 — 0%, 0,5 — 50%, 1,0 — 100%)
Fill.Image.FileName	String	Путь к файлу изображения для заливки
Fill.Leveling	Boolean	Включение/отключение режима отсечения заливки по уровню
Fill.LevelProcent	Number	Уровень отсечения заливки по уровню от 0 до 1
Height	Number	Высота элемента
Left	Number	Координата левого края элемента относительно родителя
Name	String	Имя элемента
RotateAngle	Number	Угол поворота элемента, в градусах
RotateCenterX	Number	Центр вращения по шкале X элемента от 0 до 1
RotateCenterY	Number	Центр вращения по шкале Y элемента от 0 до 1
StartCap.Size	Number	Размер начального наконечника линии.
Stroke.Color	Color	Цвет обводки элемента
Stroke.MiterLimit	Number	Предел скоса углов обводки
Stroke.RoundCap	Boolean	Скругление концов линий обводки
Stroke.Width	Number	Толщина обводки
Top	Number	Координата верхнего края элемента относительно родителя
Visible	Boolean	Флаг видимости элемента
Width	Number	Ширина элемента

Свойство	Тип данных	Описание
Data	String	Содержит описание вершин векторного пути в специализированном строковом формате
CapsVisible	Boolean	Флаг отображения наконечников (окончаний) линии.
EndCap.Size	Number	Размер конечного наконечника линии.
Fill.Color	Color	Цвет заливки элемента
Fill.Gradient.CenterX	Number	Горизонтальная позиция центра радиального градиента (0,0 — 0%, 0,5 — 50%, 1,0 — 100%)
Fill.Gradient.CenterY	Number	Вертикальная позиция центра радиального градиента (0,0 — 0%, 0,5 — 50%, 1,0 — 100%)
Fill.Gradient.Radius	Number	Радиус радиального градиента (0,0 — 0%, 0,5 — 50%, 1,0 — 100%)
Fill.Image.FileName	String	Путь к файлу изображения для заливки
Fill.Leveling	Boolean	Включение/отключение режима отсечения заливки по уровню
Fill.LevelProcent	Number	Уровень отсечения заливки по уровню от 0 до 1
Height	Number	Высота элемента
Left	Number	Координата левого края элемента относительно родителя
Name	String	Имя элемента
RotateAngle	Number	Угол поворота элемента, в градусах
RotateCenterX	Number	Центр вращения по шкале X элемента от 0 до 1
RotateCenterY	Number	Центр вращения по шкале Y элемента от 0 до 1
StartCap.Size	Number	Размер начального наконечника линии.
Stroke.Color	Color	Цвет обводки элемента
Stroke.MiterLimit	Number	Предел скоса углов обводки
Stroke.RoundCap	Boolean	Скругление концов линий обводки
Stroke.Width	Number	Толщина обводки
Top	Number	Координата верхнего края элемента относительно родителя
Visible	Boolean	Флаг видимости элемента
Width	Number	Ширина элемента

Свойство	Тип данных	Описание
FileName	String	Путь и имя файла изображения, загружаемого в компонент
Height	Number	Высота элемента
HorzAlign	HorzAlign	Горизонтальное выравнивание текста (слева, по центру, справа).
Left	Number	Координата левого края элемента относительно родителя
Name	String	Имя элемента
PictureRotateAngle	Number	Угол поворота изображения относительно его центра (в градусах)
RotateAngle	Number	Угол поворота элемента, в градусах
RotateCenterX	Number	Центр вращения по шкале X элемента от 0 до 1
RotateCenterY	Number	Центр вращения по шкале Y элемента от 0 до 1
Top	Number	Координата верхнего края элемента относительно родителя
VertAlign	VertAlign	Вертикальное выравнивание текста (сверху, по центру, снизу)
Visible	Boolean	Флаг видимости элемента
Width	Number	Ширина элемента

Свойство	Тип данных	Описание
Fill.Color	Color	Цвет заливки элемента
Fill.Gradient.CenterX	Number	Горизонтальная позиция центра радиального градиента (0,0 — 0%, 0,5 — 50%, 1,0 — 100%)
Fill.Gradient.CenterY	Number	Вертикальная позиция центра радиального градиента (0,0 — 0%, 0,5 — 50%, 1,0 — 100%)
Fill.Gradient.Radius	Number	Радиус радиального градиента (0,0 — 0%, 0,5 — 50%, 1,0 — 100%)
Fill.Image.FileName	String	Путь к файлу изображения для заливки
Fill.Leveling	Boolean	Включение/отключение режима отсечения заливки по уровню
Fill.LevelProcent	Number	Уровень отсечения заливки по уровню от 0 до 1
Height	Number	Высота элемента
Left	Number	Координата левого края элемента относительно родителя
Name	String	Имя элемента
RotateAngle	Number	Угол поворота элемента, в градусах
RotateCenterX	Number	Центр вращения по шкале X элемента от 0 до 1
RotateCenterY	Number	Центр вращения по шкале Y элемента от 0 до 1
Stroke.Color	Color	Цвет обводки элемента
Stroke.MiterLimit	Number	Предел скоса углов обводки
Stroke.RoundCap	Boolean	Скругление концов линий обводки
Stroke.Width	Number	Толщина обводки
Top	Number	Координата верхнего края элемента относительно родителя
Visible	Boolean	Флаг видимости элемента
Width	Number	Ширина элемента

Свойство	Тип данных	Описание
ConnectCenter	Boolean	Соединять концы дуги линиями с её геометрическим центром
Fill.Color	Color	Цвет заливки элемента
Fill.Gradient.CenterX	Number	Горизонтальная позиция центра радиального градиента (0,0 — 0%, 0,5 — 50%, 1,0 — 100%)
Fill.Gradient.CenterY	Number	Вертикальная позиция центра радиального градиента (0,0 — 0%, 0,5 — 50%, 1,0 — 100%)
Fill.Gradient.Radius	Number	Радиус радиального градиента (0,0 — 0%, 0,5 — 50%, 1,0 — 100%)
Fill.Image.FileName	String	Путь к файлу изображения для заливки
Fill.Leveling	Boolean	Включение/отключение режима отсечения заливки по уровню
Fill.LevelProcent	Number	Уровень отсечения заливки по уровню от 0 до 1
Height	Number	Высота элемента
Left	Number	Координата левого края элемента относительно родителя
Name	String	Имя элемента
RotateAngle	Number	Угол поворота элемента, в градусах
RotateCenterX	Number	Центр вращения по шкале X элемента от 0 до 1
RotateCenterY	Number	Центр вращения по шкале Y элемента от 0 до 1
StartAngle	Number	Угол начала дуги в градусах (0-360)
Stroke.Color	Color	Цвет обводки элемента
Stroke.MiterLimit	Number	Предел скоса углов обводки
Stroke.RoundCap	Boolean	Скругление концов линий обводки
Stroke.Width	Number	Толщина обводки
SweepAngle	Number	Угловая длина дуги в градусах (0-360)
Top	Number	Координата верхнего края элемента относительно родителя
Visible	Boolean	Флаг видимости элемента
Width	Number	Ширина элемента

Свойство	Тип данных	Описание
ConnectCenter	Boolean	Соединять концы дуги линиями с её геометрическим центром
Fill.Color	Color	Цвет заливки элемента
Fill.Gradient.CenterX	Number	Горизонтальная позиция центра радиального градиента (0,0 — 0%, 0,5 — 50%, 1,0 — 100%)
Fill.Gradient.CenterY	Number	Вертикальная позиция центра радиального градиента (0,0 — 0%, 0,5 — 50%, 1,0 — 100%)
Fill.Gradient.Radius	Number	Радиус радиального градиента (0,0 — 0%, 0,5 — 50%, 1,0 — 100%)
Fill.Image.FileName	String	Путь к файлу изображения для заливки
Fill.Leveling	Boolean	Включение/отключение режима отсечения заливки по уровню
Fill.LevelProcent	Number	Уровень отсечения заливки по уровню от 0 до 1
Height	Number	Высота элемента
Left	Number	Координата левого края элемента относительно родителя
Name	String	Имя элемента
RotateAngle	Number	Угол поворота элемента, в градусах
RotateCenterX	Number	Центр вращения по шкале X элемента от 0 до 1
RotateCenterY	Number	Центр вращения по шкале Y элемента от 0 до 1
StartAngle	Number	Угол начала дуги в градусах (0-360)
Stroke.Color	Color	Цвет обводки элемента
Stroke.MiterLimit	Number	Предел скоса углов обводки
Stroke.RoundCap	Boolean	Скругление концов линий обводки
Stroke.Width	Number	Толщина обводки
SweepAngle	Number	Угловая длина дуги в градусах (0-360)
Top	Number	Координата верхнего края элемента относительно родителя
Visible	Boolean	Флаг видимости элемента
Width	Number	Ширина элемента

Свойство	Тип данных	Описание
DigitCommaCount	Integer	Количество десятичных знаков в подписях шкалы
EndValue	Number	Максимальное значение шкалы
Fill.Color	Color	Цвет заливки элемента
Fill.Gradient.CenterX	Number	Горизонтальная позиция центра радиального градиента (0,0 — 0%, 0,5 — 50%, 1,0 — 100%)
Fill.Gradient.CenterY	Number	Вертикальная позиция центра радиального градиента (0,0 — 0%, 0,5 — 50%, 1,0 — 100%)
Fill.Gradient.Radius	Number	Радиус радиального градиента (0,0 — 0%, 0,5 — 50%, 1,0 — 100%)
Fill.Image.FileName	String	Путь к файлу изображения для заливки
Fill.Leveling	Boolean	Включение/отключение режима отсечения заливки по уровню
Fill.LevelProcent	Number	Уровень отсечения заливки по уровню от 0 до 1
Font.Family	String	Название семейства шрифтов
Font.Size	Number	Размер шрифта
Height	Number	Высота элемента
Left	Number	Координата левого края элемента относительно родителя
Name	String	Имя элемента
Height	Number	Высота элемента
Left	Number	Координата левого края элемента относительно родителя
LineVisible	Boolean	Отображение оси шкалы
Name	String	Имя элемента
RotateAngle	Number	Угол поворота элемента, в градусах
RotateCenterX	Number	Центр вращения по шкале X элемента от 0 до 1
RotateCenterY	Number	Центр вращения по шкале Y элемента от 0 до 1
StartValue	Number	Минимальное значение шкалы
Stroke.Color	Color	Цвет обводки элемента
Stroke.MiterLimit	Number	Предел скоса углов обводки
Stroke.RoundCap	Boolean	Скругление концов линий обводки
Stroke.Width	Number	Толщина обводки
TickCount	Number	Число меток (делений) на шкале
Top	Number	Координата верхнего края элемента относительно родителя
TickTipVisible	Boolean	Отображение числовых подписей у меток
TickVisible	Boolean	Отображение самих меток (делений)
Visible	Boolean	Флаг видимости элемента
Width	Number	Ширина элемента

Свойство	Тип данных	Описание
ArcVisible	Boolean	Отображение дуговой линии шкалы
DigitCommaCount	Integer	Количество десятичных знаков в подписях шкалы
EndValue	Number	Максимальное значение шкалы
Fill.Color	Color	Цвет заливки элемента
Fill.Gradient.CenterX	Number	Горизонтальная позиция центра радиального градиента (0,0 — 0%, 0,5 — 50%, 1,0 — 100%)
Fill.Gradient.CenterY	Number	Вертикальная позиция центра радиального градиента (0,0 — 0%, 0,5 — 50%, 1,0 — 100%)
Fill.Gradient.Radius	Number	Радиус радиального градиента (0,0 — 0%, 0,5 — 50%, 1,0 — 100%)
Fill.Image.FileName	String	Путь к файлу изображения для заливки
Fill.Leveling	Boolean	Включение/отключение режима отсечения заливки по уровню
Fill.LevelProcent	Number	Уровень отсечения заливки по уровню от 0 до 1
Font.Family	String	Название семейства шрифтов
Font.Size	Number	Размер шрифта
Height	Number	Высота элемента
Left	Number	Координата левого края элемента относительно родителя
Name	String	Имя элемента
Height	Number	Высота элемента
Left	Number	Координата левого края элемента относительно родителя
Name	String	Имя элемента
RotateAngle	Number	Угол поворота элемента, в градусах
RotateCenterX	Number	Центр вращения по шкале X элемента от 0 до 1
RotateCenterY	Number	Центр вращения по шкале Y элемента от 0 до 1
StartAngle	Number	Угол начала дуги в градусах (0-360)
StartValue	Number	Минимальное значение шкалы
Stroke.Color	Color	Цвет обводки элемента
Stroke.MiterLimit	Number	Предел скоса углов обводки
Stroke.RoundCap	Boolean	Скругление концов линий обводки
Stroke.Width	Number	Толщина обводки
SweepAngle	Number	Угловая длина дуги в градусах (0-360)
TickCount	Number	Число меток (делений) на шкале
TickTipOffset	Number	Расстояние от подписей меток до шкалы
TickTipVisible	Boolean	Отображение числовых подписей у меток
TickVisible	Boolean	Отображение самих меток (делений)
Top	Number	Координата верхнего края элемента относительно родителя
Visible	Boolean	Флаг видимости элемента
Width	Number	Ширина элемента

Свойство	Тип данных	Описание
AccessPassword	String	Пароль для разблокировки редактирования поля ввода
BackgroundColor	Color	Цвет фона поля ввода
BorderColor	Color	Цвет рамки поля
BorderWidth	Integer	Толщина рамки поля ввода
Color	Color	Цвет текста в поле
Enabled	Boolean	Флаг доступности поля для редактирования
Font.Family	String	Название семейства шрифтов
Font.Size	Number	Размер шрифта
Height	Number	Высота элемента
HorzAlign	HorzAlign	Горизонтальное выравнивание текста (слева, по центру, справа).
Left	Number	Координата левого края элемента относительно родителя
Name	String	Имя элемента
RotateAngle	Number	Угол поворота элемента, в градусах
RotateCenterX	Number	Центр вращения по шкале X элемента от 0 до 1
RotateCenterY	Number	Центр вращения по шкале Y элемента от 0 до 1
Text	String	Строка текста, отображаемая в элементе
Top	Number	Координата верхнего края элемента относительно родителя
Visible	Boolean	Флаг видимости элемента
Width	Number	Ширина элемента
WriteConfirm	Boolean	Требование подтверждения перед записью значения
WriteConfirmText	String	Текст диалога подтверждения записи

Свойство	Тип данных	Описание
BackgroundColor	Color	Цвет фона элемента
BorderColor	Color	Цвет рамки элемента
Font.Family	String	Название семейства шрифтов
Font.Size	Number	Размер шрифта
GridLineColor	Color	Цвет линий сетки таблицы
Header.BackgroundColor	Color	Цвет фона заголовка таблицы
Header.Height	Number	Высота строки заголовка в пикселях
Header.TextColor	Color	Цвет текста в заголовке
Header.TextFont.Family	String	Шрифт текста заголовка
Header.TextFont.Size	Number	Размер шрифта заголовка в пикселях
Height	Number	Высота элемента
Left	Number	Координата левого края элемента относительно родителя
MandatoryAck	Boolean	Обязательное квитирование событий перед удалением из таблицы
Name	String	Имя элемента
RowHeight	Number	Высота строк данных в пикселях
TagFilter.Enabled	Boolean	Включение фильтрации событий по тегам
TagFilter.TagIDs	String	Список ID тегов для фильтрации (через запятую)
TextColor	Color	Цвет текста в строках данных
Text	String	Строка текста, отображаемая в элементе
Top	Number	Координата верхнего края элемента относительно родителя
Visible	Boolean	Флаг видимости элемента
Width	Number	Ширина элемента

Свойство	Тип данных	Описание
AccessPassword	String	Пароль для разблокировки элемента
Action	Action	Действие, выполняемое при нажатии кнопки
ActionProps.ContainerName	String	Имя контейнера для открытия мнемосхемы
ActionProps.ElementName	String	Имя элемента-iframe для действия "Открыть в iframe"
ActionProps.MnemoPath	String	Путь к мнемосхеме для действий открытия
ActionProps.PauseTimeout	Integer	Длительность паузы в действии макроса (мс)
ActionProps.ReportTemplatePath	String	Путь к шаблону отчёта
ActionProps.TagID	Integer	ID тега для записи значения
ActionProps.URL	String	URL-адрес для загрузки в iframe
ActionProps.Value	UniValue	Значение, записываемое в тег при нажатии
ActionProps.ValueRelease	UniValue	Значение, записываемое в тег при отпускании
ActionProps.VariableLine	String	Строка параметров в формате key=value (через ;)
ActionProps.Window.Frame	Boolean	Отображение рамки окна
ActionProps.Window.Header.BackgroundColor	Color	Цвет фона заголовка окна
ActionProps.Window.Header.TextColor	Color	Цвет текста заголовка окна
ActionProps.Window.Header.Visible	Boolean	Видимость заголовка окна
ActionProps.Window.Height	Number	Высота окна
ActionProps.Window.MonitorID	Integer	ID монитора (с 0)
ActionProps.Window.MonitorNo	Integer	Номер монитора (с 1)
ActionProps.Window.PositionSource	PositionSource	Источник позиции: Host (под кнопкой) или Value (жёсткие координаты)
ActionProps.Window.PositionX	Number	Горизонтальная позиция окна
ActionProps.Window.PositionY	Number	Вертикальная позиция окна
ActionProps.Window.Width	Number	Ширина окна
ActionProps.WindowTitle	String	Заголовок окна
ActionProps.WriteBit.Enabled	Boolean	Включение побитовой записи
ActionProps.WriteBit.Position	Integer	Позиция бита для записи
ActionProps.WriteConfirm	Boolean	Подтверждение записи в тег
ActionProps.WriteConfirmText	String	Текст подтверждения записи
BorderRadius	Number	Радиус скругления углов кнопки
Enabled	Boolean	Флаг доступности
Font.Family	String	Название семейства шрифтов
Font.Size	Number	Размер шрифта
Height	Number	Высота элемента
HoverBackgroundColor	Color	Цвет фона при наведении курсора
HoverBorderColor	Color	Цвет границы при наведении
HoverBorderWidth	Number	Ширина границы при наведении
HoverText	String	Текст при наведении курсора
HoverTextColor	Color	Цвет текста при наведении
HoverURI	String	URI ресурса фигуры при наведении
Left	Number	Координата левого края элемента относительно родителя
MacroOptions	String	Настройки макроса в JSON-формате (для внутреннего использования)
Name	String	Имя элемента
NormalBackgroundColor	Color	Цвет фона в обычном состоянии
NormalBorderColor	Color	Цвет границы в обычном состоянии
NormalBorderWidth	Number	Ширина границы в обычном состоянии
NormalText	String	Текст в обычном состоянии
NormalTextColor	Color	Цвет текста в обычном состоянии
NormalURI	String	URI ресурса фигуры в обычном состоянии
PressedBackgroundColor	Color	Цвет фона при нажатии
PressedBorderColor	Color	Цвет границы при нажатии
PressedBorderWidth	Number	Ширина границы при нажатии
PressedText	String	Текст при нажатии
PressedTextColor	Color	Цвет текста при нажатии
PressedURI	String	URI ресурса фигуры при нажатии
RotateAngle	Number	Угол поворота элемента, в градусах
RotateCenterX	Number	Центр вращения по шкале X элемента от 0 до 1
RotateCenterY	Number	Центр вращения по шкале Y элемента от 0 до 1
Text	String	Текст кнопки, применяемый ко всем состояниям
Top	Number	Координата верхнего края элемента относительно родителя
Visible	Boolean	Флаг видимости элемента
Width	Number	Ширина элемента

Свойство	Тип данных	Описание
Background.FillColor	Color	Цвет заливки фона слайдера
Background.ImageFileName	Color	Путь к файлу изображения фона слайдера
Background.StrokeColor	Color	Цвет обводки фона слайдера
Background.StrokeWidth	Integer	Толщина обводки фона слайдера
Enabled	Boolean	Флаг доступности элемента
Height	Number	Высота элемента
Left	Number	Координата левого края элемента относительно родителя
Level.FillColore	Color	Цвет заполненной области шкалы
Max	Number	Максимальное значение шкалы слайдера
Min	Number	Минимальное значение шкалы слайдера
Name	String	Имя элемента
Thumb.FillColor	Color	Цвет заливки ползунка слайдера
Thumb.ImageFileName	String	Путь к файлу изображения ползунка
Thumb.MainSize	Integer	Основной размер ползунка слайдера
Thumb.StrokeColor	Color	Цвет обводки (границы) ползунка слайдера
Thumb.StrokeWidth	Integer	Толщина обводки ползунка слайдера
Top	Number	Координата верхнего края элемента относительно родителя
Visible	Boolean	Флаг видимости элемента
Width	Number	Ширина элемента
WriteConfirm	Boolean	Требование подтверждения перед записью значения
WriteConfirmText	String	Текст диалога подтверждения записи
WriteTimeout	Integer	Задержка в миллисекундах перед записью значения в тег после изменения положения слайдера

Свойство	Тип данных	Описание
Data	String	Содержимое SVG-документа в формате XML, определяющее векторное изображение
Height	Number	Высота элемента
Left	Number	Координата левого края элемента относительно родителя
Name	String	Имя элемента
RotateAngle	Number	Угол поворота элемента, в градусах
RotateCenterX	Number	Центр вращения по шкале X элемента от 0 до 1
RotateCenterY	Number	Центр вращения по шкале Y элемента от 0 до 1
Top	Number	Координата верхнего края элемента относительно родителя
Width	Number	Ширина элемента

Свойство	Тип данных	Описание
ApplyRepaint	Boolean	Применять перекрашивание к SVG-изображению
FileName	String	Путь к файлу SVG-изображения
Height	Number	Высота элемента
Left	Number	Координата левого края элемента относительно родителя
Name	String	Имя элемента
RepaintAlpha	Number	Коэффициент смешивания цветов (0–1): ближе к 0 – доминирует целевой цвет, ближе к 1 – сохраняются исходные цвета
RepaintColor	Color	Целевой цвет для перекрашивания SVG
RotateAngle	Number	Угол поворота элемента, в градусах
RotateCenterX	Number	Центр вращения по шкале X элемента от 0 до 1
RotateCenterY	Number	Центр вращения по шкале Y элемента от 0 до 1
Top	Number	Координата верхнего края элемента относительно родителя
Visible	Boolean	Флаг видимости элемента
Width	Number	Ширина элемента

Свойство	Тип данных	Описание
Height	Number	Высота элемента
Left	Number	Координата левого края элемента относительно родителя
Name	String	Имя элемента
RotateAngle	Number	Угол поворота элемента, в градусах
RotateCenterX	Number	Центр вращения по шкале X элемента от 0 до 1
RotateCenterY	Number	Центр вращения по шкале Y элемента от 0 до 1
Top	Number	Координата верхнего края элемента относительно родителя
Visible	Boolean	Флаг видимости элемента
Width	Number	Ширина элемента

Свойство	Тип данных	Описание
AutoReserve	Boolean	После завершения цикла анимация проигрывается в обратном направлении
Delay	Number	Задержка перед стартом анимации (в секундах)
Duration	Number	Продолжительность анимации (в секундах)
Enabled	Boolean	Активация анимации
EndValue	Color Number Boolean	Конечное значение анимируемого параметра
InitialFrameOnStop	Boolean	При остановке компонент возвращается в исходное состояние
InitialFrameOnStopAnimated	Boolean	Анимированный возврат компонента в исходное состояние
Loop	Boolean	Режим циклического воспроизведения
PropertyName	String	Наименование анимируемого свойства компонента
StartValue	Color Number Boolean	Исходное значение анимируемого параметра

Пример создания фигуры

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

Пример создания такого элемента также рассматривается в соответствующем видеоуроке.

Предположим, что в рамках проекта имеются два тега (tag1 и tag2), значение которых должно определять цвет индикатора.

Значение tag1	Значение tag2	Цвет
0	0	Серый
0	1	Зеленый
1	0	Желтый
1	1	Красный

Таблица состояний

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

Откроется окно "Редактор фигур", в котором необходимо разместить компонент "Эллипс" в области редактирования. Этот компонент будет служить логическим индикатором. После этого выбрать "Аргументы" из пункта меню "Фигура".

Откроется окно "Редактор аргументов", в котором необходимо добавить 4 аргумента "Цвет", которые будут использоваться в качестве заливки фигуры, а также 2 переменные, принимающие значения активных тегов проекта. Для каждого из аргументов "Цвет" ввести значение цвета (либо выбрать из палитры при помощи кнопки ...), назначить тип данных "Color" и отметить флаги "Видимость в свойствах". Цвета можно сгруппировать.

Для аргументов "Переменная 1" и "Переменная 2" выбрать флаг "Видимость в привязках", чтобы появилась возможность связать их с тегами в проекте. После этого нажать кнопку "Ок" в "Редакторе аргументов", чтобы сохранить изменения.

Далее перейти в "Редактор привязок".

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

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

if(${Переменная 1} == 0 and ${Переменная 2} == 0, ${Цвет 1},
if(${Переменная 1} == 0 and ${Переменная 2} == 1, ${Цвет 2},
if(${Переменная 1} == 1 and ${Переменная 2} == 0, ${Цвет 3},
${Цвет 4})))

Далее необходимо определить "Цель", которой будут присвоены цвета. В данном случае "Целью" является элемент "Эллипс" (его необходимо выбрать из выпадающего списка), для которого также необходимо указать "Свойство" "Fill.Color" (заливка цветом). Для подтверждения всех изменений требуется нажать кнопку "Ок" в "Редакторе целей", "Редакторе привязок" и "Редакторе фигур".

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

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

Для этого следует выбрать фигуру левой кнопкой мыши и перейти к её настройкам привязки в "Инспекторе свойств". Откроется окно "Связь аргументов и тегов", в котором необходимо привязать теги проекта к аргументам "Переменная 1" и "Переменная 2". После этого закрыть окно "Связь аргументов и тегов".

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

Переменная 1 = 0
Переменная 2 = 1

Желтый цвет:

Переменная 1 = 1
Переменная 2 = 0

Красный цвет:

Переменная 1 = 1
Переменная 2 = 1