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

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

Изменение границИзменение вершинПрямоугольникТекстПутьПуть БезьеИзображениеЭллипсДугаПирогЛинейная шкалаДуговая шкалаПоле вводаТаблица оперативных событийМногофункциональная кнопкаСлайдер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-изображения.
    • Выкл — перекраска выключена.
  • Цвет — выбор цвета для перекраски.