OpenSCADAWiki: Doc/VCA/part6/part4 ...

Home | Index | Changes | Comments | Users | Registration | Login  Password:  
 

6.4 Проектирование и реализация примитивов отображения

На данном этапе планируется реализация моделей данных UI.VCAEngine и образов визуализатора Vision, WebVision для всех базовых элементов: "ElFigure", "FormEl", "Text", "Media", "Diagram", "Protocol", "Document", "Function", "Box", "Link".

6.4.1 Примитив элементарная фигура (ElFigure)

Реализацию на стороне модели данных (UI.VCAEngine) описанно в этом-же документа, раздел 4.12.

UI.Vision


Реализована поддержка элементарных фигур: линии, эллиптической дуги, кривой Безье и заливка замкнутых контуров цветом и/или изображением. Для элементарных фигур реализованы следующие операции:


На рисунке представлена часть экрана с кадром, содержащим элементарные фигуры.


Реализация элементарных фигур в Vision(new). (10 Кб)

Фигуры, лежащие в основе данного виджета, содержат точки(начальная и конечная), которые могут стыковаться с соответствующими точками других фигур, и точки, с помощью которых изменяется геометрия фигуры.


Добавить фигуру можно с помощью мыши:

  1. Выбрать желаемую фигуру из контекстного меню.
  2. Задать с помощью левой кнопки мыши начальную и конечную точки (для линии при удерживании клавиши SHIFT происходит ортогональная её отрисовка).

Удалить фигуру(ы) можно путём нажатия кнопки "Del", имея выделенную(ые) фигуру(ы).


Скопировать фигуру(ы) можно путём нажатия комбинации клавиш "Ctrl" + "C", имея выделенную(ые) фигуру(ы).


Передвинуть/изменить габариты фигуры можно с помощью мыши или клавиатуры:

  1. Выделить фигуру, клацнув по ней левой кнопкой мыши.
  2. Перетащить (с помощью мыши или управляющих клавиш) фигуру или одну из её контрольных точек в желаемое место и отпустить кнопку мыши(клавишу).

Существует возможность перемещать несколько выделенных фигур, выбранных при помощи удержания "Ctrl"(эта опция работает при отключенной кнопке Connetcions(Привязки)) либо при помощи выделения мышкой.


Связать фигуры друг с другом можно следующим образом:

  1. Нажать кнопку Connections.
  2. Выделить одну из фигур и переместить её начальную или конечную точку к желаемой начальной или конечной точке другой фигуры так, чтобы она попадала в появившуюся окружность. Связанные фигуры перемещаются также как и отдельные, общая точка перемещается для всех фигур, к которым она относится(приоритет отдается дуге, две дуги не могут быть соединены непосредственно друг с другом).

Залить замкнутый контур из фигур можно следующим образом:

  1. Нажать кнопку Connections.
  2. Создать замкнутый контур.
  3. Два раза клацнуть мышкой внутри его.

Удалить заливку замкнутого контура можно из контекстного меню, клацнув правой кнопкой манипулятора "мышь" по заливке; разорвав контур заливки; двойным кликом левой кнопки манипулятора "мышь" по уже имеющемуся залитому контуру.


Поворот фигуры осуществляется вокруг центра виджета.

UI.WebVision


Реализована поддержка элементарных фигур: линии, эллиптической дуги, кривой Безье и заливка замкнутых контуров цветом и изображением со свойствами:


На рисунке представлена часть экрана с кадром, содержащим вышеперечисленные элементарные фигуры.


Часть экрана с кадром, содержащим элементарные фигуры. (7 Кб)


6.4.2 Примитив элементов формы (FormEl)

Реализацию на стороне модели данных (UI.VCAEngine) описанно в этом-же документа, раздел 4.12.

UI.Vision


Реализована поддержка элементов формы на кадрах СВУ. Реализованы заложенные свойства, включая следующие элементы формы:


Реализованы режимы: «Включен» и «Активен», а также передача изменений и событий в модель данных СВУ (движок).


На рисунке представлена часть экрана с кадром, содержащим вышеперечисленные элементы формы.


Реализация элементов формы в Vision. (25 Кб)

UI.WebVision


Реализована поддержка элементов формы на кадрах СВУ. Реализованы заложенные свойства, включая следующие элементы формы:


Реализованы режимы: "Включен" и "Активен", а также передача изменений и событий в модель данных СВУ (движок). Для всех реализованных представлений поддерживается активный режим, т.е. элементы могут быть использованы для создания форм пользовательского ввода.


На рисунке представлена часть экрана с кадром, содержащим вышеперечисленные элементы формы.


Часть экрана с кадром, содержащим элементы формы. (21 Кб)

6.4.3 Примитив текста (Text)

Реализацию на стороне модели данных (UI.VCAEngine) описанно в этом-же документа, раздел 4.12.

UI.Vision


Реализована поддержка элемента текста со свойствами:


На рисунке представлена часть экрана с кадром, содержащим примеры текста с использованием различных параметров.


Реализация базового элемента текста в Vision. (12 Кб)

UI.WebVision


Реализована поддержка элемента текста со свойствами:


На рисунке представлена часть экрана с кадром, содержащим примеры текста с использованием различных параметров.


Часть экрана с кадром, содержащим примеры текста с использованием различных параметров. (10 Кб)

6.4.4 Примитив отображения медиа-материалов (Media)

Реализацию на стороне модели данных (UI.VCAEngine) описанно в этом-же документа, раздел 4.12.

UI.Vision


Реализована поддержка элемента отображения медиа-материалов со свойствами:


На рисунке представлена часть экрана с кадром, содержащим примеры просмотра/проигрывания медиа-данных.


Реализация базового элемента отображения медиа-материалов в Vision. (26 Кб)

UI.WebVision


Реализована поддержка элемента отображения медиа-материалов со свойствами:


На рисунке представлена часть экрана с кадром, содержащим примеры просмотра/проигрывания медиа-данных.


Часть экрана с кадром, содержащим примеры просмотра/проигрывания медиа-данных. (20 Кб)

6.4.5 Примитив построения диаграм/графиков (Diagram)

Реализацию на стороне модели данных (UI.VCAEngine) описанно в этом-же документа, раздел 4.12.

UI.Vision


Реализована поддержка элемента построения диаграмм для типов "График", "Спектр" и "XY" со свойствами:


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

Id Имя Назначение
sclWin Масштабирование участка обрамлённого окном, мышью Логический тип атрибута, созадаваемый вручную пользователем в случае надобности. Для значения "истина" включается режим масштабирования участка тренда обрамлённого окном с помощью мыши.

На рисунке представлена часть экрана с кадром, содержащим примеры диаграмм: "График", "Спектр" и "XY".


Реализация базового элемента отображения диаграммы в Vision. (10 Кб)

UI.WebVision


Реализована поддержка элемента построения диаграмм для типов "График", "Спектр" и "XY" со свойствами:


На рисунке представлена часть экрана с кадром, содержащим примеры диаграмм: "График", "Спектр" и "XY".


Реализация базового элемента отображения диаграммы в WebVision. (11 Кб)

6.4.6 Примитив формирования протокола (Protocol)

Реализацию на стороне модели данных (UI.VCAEngine) описанно в этом-же документа, раздел 4.12.

UI.Vision


Реализована поддержка элемента формирования протокола со свойствами:


На рисунке представлена часть экрана с кадром, содержащим пример протокола.


Реализация базового элемента отображения протоколов в Vision. (37 Кб)

UI.WebVision


Реализована поддержка элемента формирования протокола со свойствами:


На рисунке представлена часть экрана с кадром, содержащим пример протокола.


Часть экрана с кадром, содержащим пример протокола. (14 Кб)

6.4.7 Примитив формирования протокола (Document)

Реализацию на стороне модели данных (UI.VCAEngine) описанно в этом-же документа, раздел 4.12.

UI.Vision


Реализована поддержка элемента формирования отчётной документации со свойствами:


В основе любого документа лежит XHTML-шаблон. XHTML-шаблон это тег "body" WEB-страницы, содержащий статику документа в стандарте XHTML 1.0, и элементы исполняемых инструкций на одном из языков пользовательского программирования OpenSCADA в виде <?dp {procedure} ?>. Результирующий документ формируется путём исполнения процедур и вставки их результата в документ.


Источником значений исполняемых инструкций являются атрибуты виджета этого примитива, а также все механизмы языка пользовательского программирования. Атрибуты могут добавляться пользователем и линковаться на реальные атрибуты параметров или-же являться автономными, значения которых будут формироваться в скрипте виджета. В случае со слинкованными атрибутами могут извлекаться значения из истории, архива.


На рисунке представлен кадр, содержащий пример документа.


Реализация базового элемента отображения отчётной документации в Vision. (61 Кб)

UI.WebVision


Реализована поддержка элемента формирования отчётной документации со свойствами:


В основе любого документа лежит XHTML-шаблон. XHTML-шаблон это тег "body" WEB-страницы, содержащий статику документа в стандарте XHTML 1.0, и элементы исполняемых инструкций на одном из языков пользовательского программирования OpenSCADA в виде <?dp {procedure} ?>. Результирующий документ формируется путём исполнения процедур и вставки их результата в документ.


Источником значений исполняемых инструкций являются атрибуты виджета этого примитива, а также все механизмы языка пользовательского программирования. Атрибуты могут добавляться пользователем и линковаться на реальные атрибуты параметров или-же являться автономными, значения которых будут формироваться в скрипте виджета. В случае со слинкованными атрибутами могут извлекаться значения из истории, архива.


На рисунке представлен кадр, содержащий пример документа.


Кадр, содержащий пример документа. (48 Кб)


6.4.8 Примитив контейнера (Box)

Реализацию на стороне модели данных (UI.VCAEngine) описанно в этом-же документа, раздел 4.12.

UI.Vision


Реализована поддержка примитива контейнера, по совместительству выполняющего роль страниц проектов. Данный примитив является единственным элементом-контейнером, который может включать в себя ссылки на кадры из библиотеки, формируя тем самым пользовательские элементы нужной конфигурации. Примитив реализует предусмотренные проектом свойства. Перечислим по пунктам свойства данного примитива:

UI.WebVision


Реализована поддержка примитива контейнера, по совместительству выполняющего роль страниц проектов. Данный примитив является единственным элементом/контейнером, который может включать в себя ссылки на кадры из библиотеки, формируя тем самым пользовательские элементы нужной конфигурации. Примитив реализует предусмотренные проектом свойства. Перечислим по пунктам свойства данного примитива:


 
There are no files on this page.[Display files/form]
Comments [Hide comments/form]