6. Разработка графического интерфейса
Редактор представления данных
Графическое представление хода выполнения техпроцесса, а также управление техпроцессом с помощью графических средств являются одними из главных задач, решаемых ТРЕЙС МОУД 6. Для разработки интерфейса оператора в интегрированную среду встроен редактор представления данных (РПД):
Интерфейс оператора разрабатывается в виде набора графических экранов, являющихся компонентами проекта.
С целью взаимодействия с другими компонентами проекта для графического экрана могут быть заданы аргументы.
Совокупность графических экранов узла образует его графическую базу. Совокупность графических баз всех узлов разрабатываемого проекта АСУТП образует графическую часть проекта.
Графический экран может содержать один или несколько графических слоев, каждый из которых, в свою очередь, может содержать один или несколько подслоев.
В графических слоях размещаются графические элементы (ГЭ). Графические элементы имеют наборы настраиваемых атрибутов, динамических свойств и функций управления. Эти параметры определяют вид графических элементов и выполняемые ими функции отображения и управления при работе в реальном времени. Редактор представления данных содержит большое количество встроенных графических элементов, позволяющих изобразить практически любой техпроцесс, вывести на дисплей всю необходимую информацию о ходе его выполнения, а также управлять техпроцессом.
Режимы работы РПД
Редактор представления данных может находиться в одном из следующих режимов:
 режим размещения предназначен для заполнения графических слоев экранов графическими элементами. Для перехода в этот режим нужно нажать одну из кнопок выбора ГЭ на панели инструментов Графические элементы;
режим редактирования предназначен для внесения изменений в созданные ранее графические экраны (например, для удаления/добавления графических элементов или изменения их свойств). Для перехода в этот режим надо нажать кнопку  главной панели инструментов;
режим эмуляции используется для проверки работы графических элементов в реальном времени. Для перехода в режим эмуляции надо нажать кнопку  панели инструментов Графические элементы; для выхода из режима надо нажать кнопку повторно.
Кроме того, в РПД предусмотрено два режима отображения графических экранов – обычный (в окне) и полноэкранный. Для переключения режима отображения используется кнопка  панели инструментов Графические элементы.
В режимах размещения и редактирования текущие координаты курсора отображаются в строке статуса (внизу справа). Там же отображается состояние флага Располагать по сетке.
Главное меню и панели инструментов РПД
Панель инструментов ’Графические элементы’
С помощью инструментов этой панели выбираются графические элементы для размещения их в графических слоях экранов. При выборе ГЭ редактор переходит в режим размещения.
С помощью кнопки данной панели можно перейти в режим редактирования, с помощью кнопки – в режим эмуляции.
Кнопка предназначена для переключения режима отображения графических экранов (обычный/полноэкранный).
Меню и панель инструментов ’Правка’
Меню и панель инструментов Правка содержат ряд типовых инструментов для редактирования графических экранов. Данные инструменты доступны также из контекстного меню ГЭ.
В списке  (Масштаб), а так же при помощи кнопок  и  панели инструментов Правка выбирается масштаб отображения.
Меню ’Сервис’ и панель инструментов ’Топология экрана’
Данные панель инструментов и меню содержат команды для позиционирования и тиражирования выделенного графического элемента.
Меню Сервис содержит дополнительно команду Параметры экрана.
Панель инструментов ’Параметры текста’
В режиме редактирования с помощью типовых инструментов данной панели задаются параметры текста в выделенном графическом элементе (выделенной группе ГЭ). Данные команды применимы только к такому тексту, который может быть введен/отредактирован с помощью клавиатуры.
Вид ГЭ при его размещении в графическом слое зависит от параметров, установленных с помощью инструментов этой панели.
Панель инструментов ’Параметры линии’
В режиме редактирования с помощью инструментов этой панели задаются параметры линии (линии контура) выделенного графического элемента (выделенной группы ГЭ):
 – выбор цвета линии. По этой команде на экран выводится стандартный диалог выбора цвета;
 – выбор толщины линии.
 – выбор стиля линии. По этой команде открывается список стилей, содержащий в том числе опцию Без линии
 – выбор края линии (плоский, квадратный, круглый).
Вид ГЭ при его размещении в графическом слое зависит от параметров, установленных с помощью инструментов этой панели.
Панель инструментов ’Параметры заливки’
В режиме редактирования с помощью инструментов этой панели задаются параметры заливки выделенного графического элемента (выделенной группы ГЭ):
 – выбор цвета заливки. По этой команде на экран выводится стандартный диалог выбора цвета;
 – выбор стиля заливки.
Вид ГЭ при его размещении в графическом слое зависит от параметров, установленных с помощью инструментов этой панели.
Панель инструментов ’Ресурсные библиотеки’
Инструменты данной панели предназначены для операций с библиотеками строк, рисунков и других ресурсов, которые могут быть использованы при разработке графических экранов.
Меню ’Вид’
Команды этого меню управляют видимостью табличного редактора аргументов экрана, окна Слои и таблицы графических элементов, а также панелей инструментов Топология экрана и Параметры текста.
Задание параметров РПД
Окно Настройки, вызываемое из меню Файл, в разделе РПД содержит диалог задания параметров РПД.
Этот диалог содержит следующие инструменты:
Подсвечивать при наведении мыши – если этот флаг установлен, при наведении курсора мыши на ГЭ его вершины (узловые точки) выделяются красным цветом. Не следует путать эту функцию с функцией выделения ГЭ (.
Открывать свойства автоматически – от этого флага зависит режим РПД после размещения графического элемента на экране;
Располагать по сетке – если этот флаг установлен, при размещении, перемещении и масштабировании вершины прямоугольника, ограничивающего ГЭ, располагаются в узлах сетки. При размещении в узлах сетки располагаются также узловые точки ГЭ.
Показать сетку – если этот флаг установлен, сетка отображается на графических экранах;
Шаг сетки – задание шага сетки в пикселях (1-100);
Цвет сетки – выбор цвета сетки;
Цвет контура выделения – выбор цвета прямоугольника, ограничивающего ГЭ при выделении.
Использовать устаревшие функции – при установке этого флага доступны некоторые опции предыдущих версий ТРЕЙС МОУД.
Задание параметров графического экрана
Параметры редактируемого графического экрана задаются в диалоге, который открывается при выполнении команды Параметры экрана меню Сервис:
Этот диалог содержит следующие инструменты:
Размер экрана – задание размера экрана в пикселях. Размер можно выбрать из нескольких стандартных или задать свой с помощью опции Произвольный и полей Ширина и Высота.
Тип фона – выбор типа фона. Содержит следующие варианты:
<�По умолчанию> – фон экрана по умолчанию;
Цвет – при выборе этой опции для экрана можно задать цвет фона – для этого нужно нажать кнопку под списком и выбрать цвет в стандартном диалоге;
Изображение – при выборе этой опции в качестве фона экрана можно использовать рисунок;
Масштабировать также содержимое экрана – флаг, при установке которого размещенные на экране ГЭ масштабируются пропорционально изменению размеров экрана;
Код доступа – код доступа к экрану (0-255). Права на доступ к экранам задаются для пользователя в виде маски в разделе Доступ / Экраны канала Пользователь. При корреляции маски с кодом доступа (результат побитового логического умножения отличен от нуля) доступ к экрану разрешен, в противном случае – запрещен;
Горячая клавиша – меню выбора функциональной горячей клавиши (F2 – F12). При запуске проекта в реальном времени нажатие заданной клавиши будет сопровождаться переходом на данный экран;
Положение источника света (%) – положение источника света относительно экрана (угол с осями X и Y в процентах). Значение (50, 50) соответствует расположению источника света на нормали к экрану;
Всплывающее окно – показывать экран в списке всплывающих экранов МРВ;
Показывать всплыв. окно при запуске – показывать экран при загрузке узла в МРВ;
Нач. позиция всплыв. окна , X и Y – положение всплывающего экрана по осям X и Y при загрузке узла в МРВ. Данная опция не влияет на отображение обычного экрана.
Часть параметров для создаваемых графических экранов можно задать в редакторе группы шаблонов экранов.
Задание аргументов графического экрана
Для графического экрана могут быть заданы аргументы с целью взаимодействия с другими компонентами проекта. Чтобы открыть табличный редактор аргументов экрана, нужно выбрать опцию Аргументы экрана в меню Вид.
Операции с графическими элементами
Размещение ГЭ
Встроенные графические элементы разбиты на группы. Каждой группе соответствует кнопка на панели инструментов Графические элементы. На кнопку выводится иконка одного из элементов данной группы.
Чтобы выбрать ГЭ для размещения, нужно выполнить следующие действия:
нажать ЛК на кнопке панели инструментов Графические элементы. При этом выбирается тот элемент, чья иконка выведена на кнопку (элемент, заданный по умолчанию для соответствующей группы, или элемент, выбранный ранее);
дважды нажать ЛК на кнопке и затем нажать ЛК на иконке требуемого ГЭ в появившемся меню (меню не открывается, если группа содержит только один графический элемент).
После выбора элемента его иконка выводится на кнопку группы. Например, на рисунке показано меню группы Прямоугольники:
После выбора элемента его иконка выводится на кнопку группы:
При выборе графического элемента редактор представления данных переходит в режим размещения, при этом курсор на графическом экране приобретает вид  .
Далее в окне Слои необходимо нажатием ЛК указать слой, в котором должен быть размещен выбранный графический элемент.
Далее продолжить процедуру размещения ГЭ можно двумя способами:
перетащить ГЭ с панели инструментов на экран (метод drag-and-drop); после размещения ГЭ имеет размеры, заданные по умолчанию, РПД переходит в режим редактирования, окно свойств ГЭ открывается автоматически;
переместить курсор в нужную точку экрана и нажатием ЛК установить точку привязки ГЭ. Далее действия по размещению ГЭ могут отличаться, однако для большинства графических элементов они стандартны – перемещение мыши после установки точки привязки выводит на экран образ ГЭ, при этом отрезок от точки привязки до текущего положения курсора является диагональю прямоугольника, ограничивающего ГЭ. (Если при перемещении мыши удерживать нажатой клавишу CTRL, ряд ГЭ окажется вписанным в квадрат). Повторное нажатие ЛК приводит к размещению графического элемента в выбранном графическом слое.
Для графических элементов групп Ломаные и Кривые каждое нажатие ЛК после установки точки привязки задает узловую точку (промежуточную вершину). Для установки последней вершины и выхода из режима размещения этих ГЭ нужно нажать ПК. Положение узловых точек, заданное при размещении, можно в дальнейшем изменить.
Режим РПД после размещения ГЭ данным способом зависит от флага Открывать свойства автоматически:
если флаг установлен, то после размещения ГЭ автоматически открывается окно его свойств, а РПД переходит в режим редактирования;
если флаг не установлен, то после размещения ГЭ РПД остается в режиме размещения. Этот способ удобен для многократного размещения на экране одного и того же графического элемента.
Перемещение и масштабирование ГЭ
Для перемещения или изменения размеров выделенного ГЭ (группы ГЭ) нужно выбрать в контекстном меню графического элемента режим Перемещать/масштабировать и далее использовать стандартные операции редактирования.
Удаление ГЭ
Для удаления выделенного ГЭ (группы ГЭ) нужно нажать клавишу Del на клавиатуре или выполнить команду Удалить с помощью меню или панели инструментов Правка или с помощью контекстного меню ГЭ.
В полноэкранном режиме редактирования для удаления выделенного ГЭ (группы ГЭ) с помощью клавиатуры используется комбинация клавиш Ctrl+Del.
Копирование и вставка ГЭ
Для копирования выделенного ГЭ (группы ГЭ) в буфер обмена нужно выполнить команду Копировать.
Для вставки содержимого буфера обмена в слой нужно выполнить команду Вставить.
Скопировать в буфер обмена можно в том числе группу графических элементов, лежащих в разных слоях экрана, однако при вставке такой группы все ее ГЭ будут размещены в одном и том же слое.
Выполнить команды Копировать и Вставить можно с помощью меню или панели инструментов Правка или с помощью контекстного меню ГЭ.
Поворот ГЭ
Существует 2 способа поворота ГЭ на экране в режиме редактирования.
Режим ’Повернуть’
Для перехода в этот режим нужно выбрать в контекстном меню выделенного ГЭ (группы ГЭ) опцию Повернуть. Далее надо установить курсор в одну из вершин прямоугольника, ограничивающего ГЭ (группу ГЭ) (курсор при этом принимает вид  ):
Затем нужно нажать ЛК и, удерживая кнопку нажатой, перемещением мыши задать нужный угол поворота ГЭ. Для выхода из режима надо отпустить ЛК:
При использовании данного метода ГЭ (группа ГЭ) вращается относительно центра ограничивающего прямоугольника (центром прямоугольника является точка пересечения его диагоналей).
Поворот из таблицы графических элементов
Угол поворота ГЭ можно задать в поле Угол (градусы) диалога Геометрия. При использовании этого метода ГЭ поворачивается относительно точки привязки (при задании положительного значения – по часовой стрелке).
Тиражирование ГЭ
Тиражирование – это копирование выделенного графического элемента и его множественная вставка с табличным упорядочением. Копии вставляются вправо и вверх/вниз относительно выделенного ГЭ. Тиражирование выделенной группы ГЭ не поддерживается.
Операция тиражирования конфигурируется в диалоге, который открывается при выполнении команды Тиражировать из меню Сервис или нажатии кнопки  на панели инструментов Топология экрана:
В этом диалоге задаются следующие параметры:
Число столбцов – число элементов в строке (включая первоначально выделенный ГЭ);
Число строк – число строк;
Промежуток по горизонтали – промежуток между копиями по горизонтали в пикселях;
Промежуток по вертикали – промежуток между копиями по вертикали в пикселях;
Вверх – размножение по строкам вверх относительно выделенного ГЭ;
Вниз – размножение по строкам вниз относительно выделенного ГЭ.
Ниже показан результат тиражирования кнопки (выделена на рисунке) при следующих параметрах: число столбцов – 4, число строк – 3, промежуток по горизонтали и вертикали – 5, направление тиражирования – вниз:
|
