Лекция №25 Разработка графического интерфейса.

1. Режимы работы редактора.

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

Рассмотрим особенности работы в этих режимах.

  Режим размещения графических элементов. Нажатие ЛК на любой иконке инструментальных панелей статических или динамических элементов переводит редактор в режим размещения. В этом режиме производится заполнение графических экранов или объектов новыми графическими элементами.

Выбор графического элемента. Для выбора графических элементов предусмотрены две инструментальные панели. Их вид показан на рис. 1 и 2.

Рис. 1. Инструментальная панель элементы рисования

Рис. 2. Инструментальная панель формы отображения

Каждая иконка этих панелей обозначает группу графических элементов. Первое нажатие ЛК на иконке выбирает для размещения текущий элемент. Повторное нажатие открывает меню выбора элементов данной группы. Некоторые группы содержат только по одному элементу. В этом случае повторное нажатие ЛК на соответствующей иконке не открывает меню выбора.

Меню элементов рисования из группы Прямоугольники показано на рис. 3.

Рис. 3. Меню элементов рисования из группы Прямоугольники

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

Рис. 4. Меню элементов рисования из группы Прямоугольники

После выбора графического элемента в соответствующей области редактора появляются инструменты настройки его атрибутов. Это справедливо для всех графических элементов кроме тех, которые оформлены как ActiveX-компоненты. К последним относятся Универсальный тренд, Профиль, Стрелочный прибор. Для всех ActiveX-компонентов диалог настройки появляется после их размещения на экране.

Механизм размещения. После настройки атрибутов графического элемента можно перейти к его размещению на экране. Для этого надо перевести курсор в область экрана и нажатием ЛК установить точку привязки. Дальнейшие действия по размещению разных графических элементов могут отличаться.

Для большинства элементов рисования перемещение мыши после установки точки привязки выводит на экран их образ. Его размер определяется координатами точки привязки и текущего положения курсора. Повторное нажатие ЛК приводит к размещению элемента рисования на экране.

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

Элементы рисования Ломаная, Многоугольник, Трубы, Кривая и Замкнутая кривая устанавливаются в несколько этапов. Для них каждое нажатие ЛК после установки точки привязки задает координаты узловых точек - вершин. Последняя вершина устанавливается по нажатию ПК.

Растровые изображения, растровые индикаторы, формы просмотра AVI-файлов и графические объекты размещаются на экране в момент установки точки привязки. Размер этих элементов размером выводимого ими изображения.

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

Порядок расположения. Любые элементы рисования всегда будут закрываться динамическими элементами – формами отображения.

Если области размещения элементов рисования пересекаются, то сверху будет находиться последний по порядку установки. Чтобы изменить последовательность элементов рисования, надо перейти в режим редактирования, выделить требуемый элемент и нажать на клавиатуре одно из следующих сочетаний клавиш: CTRL + SHIFT + B – поверх всех элементов рисования и CTRL + B – ниже всех элементов рисования.

Если области размещения форм отображения пересекаются, то сверху будет находиться последняя по порядку установки. Исключение составляют кнопки, тренды, объекты в окнах и ссылки на экраны. Они всегда располагаться поверх других элементов.

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

Выделение графического элемента. Чтобы отредактировать любой графический элемент его следует выделить. Для этого надо перевести курсор в область размещения нужного элемента и при смене образа курсора нажать ЛК. Выделенный элемент обводится контурным прямоугольником. Повторное нажатие ЛК снимает выделение.

Выделенный элемент Гистограмма показан на рис. 5.

Рис. 5. Выделенный элемент Гистограмма

Изменение размеров элемента. Для изменения размеров выделенного графического элемента надо перевести курсор мыши к одной из 8 точек изменения размера контурного прямоугольника. При этом курсор меняет свой образ на элемент, показывающий направления изменения размера. Далее следует нажать ЛК и, удерживая её в нажатом состоянии, перемещением мыши установить нужный размер элемента.

Перемещение графического элемента. Чтобы переместить графический элемент надо подвести курсор к контурному прямоугольнику вне точек изменения размера. После изменения образа курсора следует нажать ЛК и, удерживая её в нажатом состоянии, перемещением мыши изменить положение графического элемента.

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

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

Удаление графического элемента. После выделения любого графического элемента его можно удалить. Существуют два способа удаления: удаление с переносом в буфер обмена и   удаление без переноса в буфер обмена.

В первом случае после удаления элемент доступен для вставки либо в другом месте текущего экрана, либо на другом экране. Для такого удаления следует нажать ЛК на иконке системной панели инструментов или сочетание клавиш CTRL + X.

Для удаления выделенного элемента без переноса его в буфер обмена следует нажать сочетание клавиш CTRL + DEL или ЛК на иконке системной панели инструментов

Копирование графических элементов. Графические элементы копируются через буфер обмена. Чтобы поместить его в этот буфер следует перейти в режим редактирования, выделить и нажать ЛК на иконке системной панели инструментов или сочетание клавиш CTRL+ C.

Для вставки содержимого буфера обмена в экран или объект нужно нажать ЛК на иконке системной панели инструментов или сочетание клавиш CTRL + V. Созданный графический элемент сразу выделяется и доступен для редактирования.

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

Первый способ предполагает последовательное выделение требуемых графических элементов. Для этого надо при выделении удерживать в нажатом состоянии клавишу SHIFT. Выделяемые элементы могут находиться в разных областях экрана.

Второй способ удобно применять для выделения графических элементов, расположенных близко друг от друга в одной области экрана. В этом случае следует, находясь в режиме редактирования, нажать ЛК в свободной области экрана и, удерживая её в нажатом состоянии, так перемещать мышь, чтобы появившийся контурный прямоугольник полностью охватил нужные графические элементы.

Все выделенные элементы обводятся общим контурным прямоугольником черного цвета. Модификация размера и перемещение этого прямоугольника приводит к соответствующим модификациям и перемещениям всех элементов выделенной группы. При этом каждый элемент группы обводится контурным прямоугольником белого цвета. Нажатие ЛК в его области исключает данный элемент из выделенной группы.

Все выделенные элементы могут через буфер обмена переноситься на другой экран или в объект. Кроме того, они могут тиражироваться в рамках текущего экрана.

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

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

Режим эмуляции запускается по нажатию ЛК на иконке системной панели инструментов. Для выхода из этого режима следует нажать ЛК повторно на той же иконке.