|
<< Click to Display Table of Contents >> Navigation: Создание окон для клиента визуализации > Рекомендации по созданию окон > Динамизация SVG элементов > Структура XML файла > Теги XML > XML "<ParameterDef>" |
Тег <ParameterDef> определяет один динамический параметр для SVG-элемента в MasterSCADA 4D и позволяет:
•Управлять атрибутами SVG (цвет, текст, видимость и т.д.);
•Настраивать отображение параметра в панели свойств.
В таблице ниже приведены поддерживаемые атрибуты с подробным описанием:
Атрибут |
Возможные значения |
По умолчанию |
Описание |
Пример |
DisplayName |
Любая текстовая строка |
null |
Отображаемое имя параметра. Используется для отображения пользователю. |
DisplayName="Состояние мотора" |
Type |
•STRING - текстовое поле ввода. •HMI.SolidColorType - выбор цвета. |
STRING |
Тип параметра. Определяет, какие значения может принимать параметр. |
Type="STRING" |
ParamType |
Attribute |
Attribute |
Значение "Attribute" означает, что параметр управляет атрибутом SVG-элемента. |
ParamType="Attribute" |
ItemId |
Любой уникальный ID из SVG |
null |
ID SVG элемента, который нужно найти. |
ItemId="test_item" |
Path |
Название атрибута. |
null |
Path ожидает название атрибута SVG-элемента, который нужно динамизировать. |
•Path="class" •Path="d" •Path="content" •Path="fill" |
1.STRING (Текстовое поле ввода):
•После импорта в панели свойств появляется текстовое поле ввода:
![]()
•В поле ввода можно вводить буквы и цифры.
•Пример XML:
<ParameterDef DisplayName="path" Type="STRING" ParamType="Attribute" ItemId="path-icon" Path="d" />
2.HMI.SolidColorType (Выбор цвета через палитру MasterSCADA):
•После импорта в панели свойств появляется поле для выбора цвета:
![]()
Данное поле позволяет выбрать цвет с помощью всплывающего окна или написать цвет в формате:
- HEX, например #2966FF;
- RGB, например rgb(240,240,240).
Важно! если использовать в SVG цвет с непрозрачностью RGBA, например, rgba(0,99,152,0.5), то после импорта MasterSCADA сбросит значение непрозрачности до 1.0, т.е. после импорта в поле ввода будет отображаться rgba(0,99,152,1.0). Этот момент стоит учитывать для правильной настройки SVG.
•Пример XML:
<ParameterDef DisplayName="water_color" Type="HMI.SolidColorType" ParamType="Attribute" ItemId="water" Path="fill" />