Скрипт HMI

<< Click to Display Table of Contents >>

Navigation:  Создание окон для клиента визуализации > Библиотека HMI >

Скрипт HMI

Элемент Скрипт применяется в случаях, когда стандартного функционала MasterSCADA 4D недостаточно для реализации требуемой логики проекта. Он позволяет подключать внешние модули (например, для интеграции с API) и решать специализированные задачи.

Расположен элемент по пути Библиотеки \ HMI \ Окна \ Диалог \ Скрипт:

Skript_HMI_1

Вид панели свойств элемента:

Skript_HMI_2

Описание основных свойств графического элемента Скрипт:

Название свойства

Описание

Script

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

Style

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

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

Skript_HMI_3

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

Skript_HMI_4

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

Возможно несколько вариантов использования элемента Скрипт:

Использование скрипта библиотечного типа - скрипт добавляется в проект в качестве экземпляра непосредственно в структуру проекта. В этом случае для добавления элемента Скрипт можно перетащить его ЛКМ из библиотеки в группы Окна, Графический интерфейс или Скрипты в дереве системы. Такой подход используется, например, для добавления в проект виртуальной клавиатуры:

 Skript_HMI_5

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

 Основной алгоритм создания:

1.В пользовательскую библиотеку добавляется Окно и меняется его тип на Скрипт:

Skript_HMI_6

Skript_HMI_7

2.Далее в параметры Script и Style созданного окна добавляются ресурсы JS и CSS, которые будут обеспечивать логику работы пользовательского компонента;

3.В компонент добавляются параметры, которые будут связываться с параметрами проекта;

4.Созданный компонент добавляется в окно проекта, настраиваются связи между его параметрами и параметрами проекта.

Смотрите также:

Скрипты

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

Структура окна