6.4 Проектирование и реализация примитивов отображения
На данном этапе планируется реализация моделей данных UI.VCAEngine и образов визуализатора Vision, WebVision для всех базовых элементов: "ElFigure", "FormEl", "Text", "Media", "Diagram", "Protocol", "Document", "Function", "Box", "Link".
6.4.1 Примитив элементарная фигура (ElFigure)
Реализацию на стороне модели данных (UI.VCAEngine) описанно в этом-же документа, раздел 4.12
Action source page doesn't exist yet(/Doc / Vision?)
Action source page doesn't exist yet(/Doc / Web Vision?)
6.4.2 Примитив элементов формы (FormEl)
Реализована поддержка элементов формы на кадрах СВУ. Реализованы заложенные свойства?, включая следующие элементы формы:
Редактор строки -- Представлено следующими видами: "Текст", "Combo", "Целое", "Вещественное", "Время", "Дата", "Время и Дата". Все виды редактора строки поддерживают подтверждение ввода.
Редактор текста -- Представляет редактор плоского текста с подтверждением или отказом от ввода.
Поле флажка -- Предоставляет поле бинарного флажка.
Кнопка -- Предоставляет кнопку с поддержкой: цвета кнопки, изображения в кнопке и режима фиксации.
Выбор из списка -- Предоставляет поле выбора элемента, со списка указанных элементов.
Список -- Предоставляет поле списка с контролем за текущим элементом.
Слайдер -- Элемент слайдера.
Прогрес-бар -- Полоска прогресс-бара.
Были реализованы режимы: "Включен" и "Активен", а также передача изменений и событий? в модель данных СВУ (движок).
На рис. 6.4.2 представлена часть экрана с кадром, содержащим вышеперечисленные элементы формы.
file:vision_formel.png
Рис.6.4.2 Реализация элементов формы в Vision.
6.4.3 Примитив текста (Text)
Реализована поддержка элемента текста со свойствами?:
- Шрифт со свойствами: типа/класса шрифта, размера, усиления, наклонности, подчёркивания и перечёркивания.
- Цвет текста.
- Ориентация текста.
- Автоматический перенос по словам.
- Выравнивание текста по горизонтали и вертикали со всеми вариантами.
- Отображение фона в виде цвета и/или изображения.
- Отображение бордюра вокруг текста, с указанным цветом, шириной и стилем.
- Формирование текста из атрибутов различного типа и свойств.
На рис.6.4.3 представлена часть экрана с кадром, содержащим примеры текста с использованием различных параметров.
file:vision_text.png
Рис.6.4.3 Реализация базового элемента текста в Vision.
6.4.4 Примитив отображения медиа-материалов (Media)
Реализована поддержка элемента отображения медиа-материалов со свойствами:
- Указания источника медиа данных (изображения или видео-материала).
- Просмотра изображений большинства известных форматов с возможностью их вписывания в размер виджета.
- Проигрывания простых анимированных форматов изображений и видео, с возможностью управления скоростью проигрывания.
- Отображение фона в виде цвета и/или изображения.
- Отображение бордюра вокруг текста, с указанным цветом, шириной и стилем.
- Формирования активных областей и генерация событий при их активации.
На рис.6.4.4 представлена часть экрана с кадром, содержащим примеры просмотра/проигрывания медиа-данных.
file:vision_media.png
Рис.6.4.4 Реализация базового элемента отображения медиа-материалов в Vision.
6.4.5 Примитив построения диаграм/графиков (Diagram)
Реализована поддержка элемента построения диаграм/трендов со свойствами:
- Построение графиков/трендов:
- Построения графика для: архивных данных, текущих данных и формирования промежуточного буфера отображения для параметров без архива.
- Построение как одиночных графиков со значением параметра по оси ординат, так и сводных графиков, включающих до 10 параметров, с процентной шкалой.
- Возможность адаптации графика параметра к значениям данным, подгон шкалы.
- Широкий диапазон масштабирования и адаптации горизонтальной шкалы, с автоматическим усреднением на уровне сервера и самого примитива.
- Возможность отображение размерной сетки и маркеров по горизонтали и вертикали, с адаптацией к диапазону отображения.
- Поддержка активного режима, с курсором и получением значений под курсором.
На рис.6.4.5 представлена часть экрана с кадром, содержащим примеры диаграммы-тренда.
file:vision_diagramm.png
Рис.6.4.5 Реализация базового элемента отображения диаграммы-тренда в Vision.
6.4.6 Примитив формирования протокола (Protocol)
Реализована поддержка элемента формирования протокола со свойствами?:
- Формирование протокола из архива сообщений за указанное время и глубину.
- Запрос данных из указанных архиваторов сообщений.
- Выборка данных из архивов по уровню важности и шаблону категории сообщений.
- Поддержка режима слежение за появлением сообщений в архиве сообщений.
На рис.6.4.6 представлена часть экрана с кадром, содержащим примеры протоколов со слежением и фиксированным указанием времени.
file:vision_prot.png
Рис.6.4.6 Реализация базового элемента отображения протоколов в Vision.
6.4.7 Примитив контейнера (Box)
Реализована поддержка примитива контейнера, по совместительству выполняющего роль страниц проектов. Данный примитив является единственным элементом-контейнером, который может включать в себя ссылки на кадры из библиотеки, формируя тем самым пользовательские элементы нужной конфигурации. Примитив реализует предусмотренные проектом свойства. Перечислим по пунктам свойства данного примитива:
Контейнер -- Позволяет формировать нужные объекты путём группировки базовых в рамках данного примитива.
Страница -- Элементы построенные на данном примитиве могут выполнять роль страницы пользовательского интерфейса.
Контейнер страниц -- Свойство замещения собственного содержимого другой страницей, в процессе исполнения. Используется для формирования фреймов на страницах пользовательского интерфейса. Например, главная страница традиционной SCADA системы с объектами сигнализации строится именно таким образом.
Фон -- Поддерживает возможность указания фона в виде цвета или изображения.
Бордюр -- Поддерживает возможность изображения бордюра с указанным цветом, толщиной и стилем.