
Важно! Пример радиального индикатора можно найти в демо-проекте на странице "Компоненты" -> "Радиальный индикатор".
Допустим в проекте имеются переменные vrCircleInd1, vrCircleInd2, vrCircleInd3 и т.д., значения которых необходимо отображать на мнемосхеме при помощи радиального индикатора. Для решения данной задачи будем использовать шаблоны.
Создадим новый шаблон и добавим в него фон радиального индикатора. Если требуется круговой индикатор, то используем компонент "Фигура" и выберем тип фигуры "Эллипс". Если требуется арочный индикатор, то используем компонент "Изображение" с текстурой "Геометрические" -> "Арка":
![]() Фон кругового индикатора |
![]() Фон арочного индикатора |
|---|
Поверх фона разместим анимированное изображение индикатора, зададим требуемый цвет и подстановку переменной (например, vrCircleInd%Номер переменной%). Для кругового индикатора используем текстуру "Анимированные" -> "Индикатор круговой". Для арочного индикатора используем текстуру "Анимированные" -> "Индикатор арка":
![]() Текстура кругового индикатора |
![]() Текстура арочного индикатора |
|---|
Теперь необходимо написать универсальный скрипт по событию OnDataChange созданного изображения индикатора:
Скрипт анимации радиального индикатора 
Далее, создадим внутренний фон радиального индикатора с цветом, отличающимся от цвета фона, созданного на первом шаге. Изменяя размер данного слоя, можно регулировать толщину радиального индикатора. Если требуется круговой индикатор, то используем компонент "Фигура" -> "Эллипс". Если требуется арочный индикатор, то используем компонент "Изображение" с текстурой "Геометрические" -> "Арка":
![]() Внутренний фон кругового индикатора |
![]() Внутренний фон арочного индикатора |
|---|
Для отображения значения переменной на индикаторе, используем компонент "Текст". В свойстве "Переменная" зададим подстановку, например: vrCircleInd%Номер переменной%.
![]() Значение кругового индикатора |
![]() Значение арочного индикатора |
|---|
После этого, необходимо написать универсальный скрипт по событию OnDataChange объекта "Текст":
Скрипт для отображения значения переменной 
Скрипт для отображения значения, переведенного в проценты 
Шаблон индикатора готов, осталось разместить его на мнемосхеме (в меню "Окна / Шаблоны" выбрать пункт "Вставить шаблон") и заполнить значения подстановок.