Разработка графического интерфейса

Создание статического рисунка

Двойным нажатием ЛК на имени экрана Участок 1 в бланке Экраны вывел его в рабочее поле редактора. Разместил на экране объемный элемент - вертикальный цилиндр и настроил атрибуты для цилиндра

Рисунок 5. Размещение элементов

Затем выбрал элемент Шар и настроил его атрибуты.

Соединил эти два объекта в одно целое

Рисунок 6. Соединение элементов в одно целое.

Рисование рамок

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

Размещение статического текста

В рамке, размещенной под емкостью, сделал две надписи: Уровень и Давление..

Настроил параметры шрифта.

Рисунок 7. Параметры шрифта

Рисунок 8. Размещение текста

Чтобы показать уровень заполнения емкости, использовал форму отображения Гистограмма. Настроил атрибуты гистограммы, как показано на рисунке. Далее связал ее с реальным значением канала УРОВЕНЬ1 из объекта базы каналов _БАЗА. По­сле этого поместил гистограмму.

Рисунок 10. Размещение гистограммы.

Вывод числовых значений параметров

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

При этом на экране появится диалог настройки атрибутов данной формы ото­бражения.

Настроил атрибуты текстовой формы.

Связал данную форму отображения с реальным значением канала УРОВЕНЬ1 из объекта _БАЗА и разместил ее на экране под изображением емкости напро­тив слова Уровень.

Затем сменил цвет символов в диалоге настройки атрибутов и связал форму с каналом ДАВЛЕНИЕ1 и разместил новую форму отображения напротив слова Давление.

Рисунок 11. Вывод числовых значений параметров.

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

Для ее размещения нажал ЛК на соответствующей иконке инструментальной панели форм отображения,

Настроил оси, сетку и шрифт для надписей по осям графика и перешел к настройке линий графика. Для этого нажал ЛК на кнопке Добав. При этом на экран выводится диалог Атрибуты кривой. Связал эту кривую с реальным значением канала УРОВЕНЬ1. Далее настроил диапазон вывода, цвет, стиль и толщину линии. Подтвердил завершение настройки кривой нажатием ЛК на кнопке ОК.

Повторил операции по настройке кривой. На этот раз связал ее с каналом ДАВЛЕНИЕ.

Рисунок 12. Форма отображения для вывода трендов.

Переход на другой экран

Разместим на экране кнопку, реализующую переход на экран Участок 2.

Настроим текст для вывода на кнопку.

Далее настроил функцию перехода на другой экран. Для этого нажал ЛК на кнопке [+] под окном функций и выбрал из меню функцию Переход.

Выберал экран Участок 2 и нажал ЛК на кнопке ОК.

Рисунок 13. Функция переход

После этого установил флаг выполнения функции перехода

Рисунок 14. Размещение кнопки

Тиражирование графики

Скопировал рисунок с первого экрана на второй и затем связал формы отображения с другими каналами.

Модификация форм отображения

привязал формы отображения связанные с каналов Уровень1 на канал Уровень2, а связанные с каналом Давление1 объекта - на канал Давление2. Сменил экран для перехода и надпись на кнопке.

Рисунок 15. Рисунок второго экрана

Эмуляция работы графической базы

. Для проверки функционирования размещенных на экранах форм отображения перешел в режим эмуляции.

Вывод

6.1 Рассмотрел порядок создания графической базы узла, создание узла проекта;

6.2 Исследовал возможности и особенности тиражирование графических фрагментов и эмуляция работы графической базы

7. Контрольные вопросы

7.1 Что представляет Навигатор проекта?

7.2 Какие операции доступны по отношению к графической базе узла?

7.3 Порядок размещения графического элемента на экране?

7.4 Как осуществляется изменение атрибутов графического элемента?

7.5 Какие виды групповых операций редактирования Вы знаете и раскройте их.

7.6 Как атрибуты графических элементов Вы знаете?

7.7 Какие формы отображения Вы знаете?

7.8 Какая информация выводится на экран с помощью ФО Динамический текст?

7.9 Назначение многослойной гистограммы?

7.10 Какие действия можно выполнять при помощи ФО Кнопка?

Поиск по сайту: