Есть несколько способов поместить компонент на мнемосхему:

Рисунок 4.4. Палитра с компонентами

Рисунок 4.5. Меню редактора мнемосхем

Компоненты мнемосхемы отображаются также в виде дерева в окне Дерево компонентов. Компонент, выделенный в этом окне, автоматически выделяется в редакторе мнемосхем, и наоборот.

Рисунок 4.6. Окно Дерево компонентов

Чтобы выделить компонент, нужно нажать на нем левой кнопкой мыши.

Чтобы выделить несколько компонентов:

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

Несколько компонентов можно выровнять по краю. Для этого на панели инструментов редактора предусмотрены четыре кнопки - для выравнивания по верхнему, нижнему, левому и правому краю. Для выравнивания выделите несколько компонентов и нажмите нужную кнопку. Выравнивание будет выполнено по первому выделенному компоненту (он выделяется рамкой белого цвета, остальные - желтого).

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

Рисунок 4.7. Выравнивание компонентов в таблицу

Здесь Vertical gap и Horizontal gap - расстояния соответственно между строками и столбцами в пикселах.

Также для выравнивания можно воспользоваться контекстным меню:

Рисунок 4.8. Выравнивание компонентов с помощью меню

Перемещать компоненты на мнемосхеме можно двумя способами:

Контейнер может содержать в себе любые компоненты. Он предназначен для группировки компонентов на мнемосхеме. Это удобно как при редактировании, так и при управлении отображением содержимого мнемосхемы. Добавим на мнемосхему контейнер, назовем его HeaterPane(имя изменим в окне Свойства). Сделаем его фон прозрачным (для этого нужно стереть содержимое поля Цвет фона и нажать Enter).

Рисунок 4.9. Контейнер

Для добавления нового компонента в контейнер нужно:

Вы можете помещать на мнемосхему растровые изображения в формате JPEG, PNG, GIF. Пусть контейнер HeaterPane, созданный ранее, содержит компненты, относящиеся к нагревателю. Поместим в него изображение самого нагревателя. Для этого сначала поместим в контейнер одним из описанных выше способов компонент Изображение. Затем вызовем окно свойств изображения и выберем файл, который будем использовать в качестве картинки.

Рисунок 4.10. Выбор изображения

Рисунок 4.11. Контейнер с изображением

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

Рисунок 4.12. Добавление события к изображению

Рисунок 4.13. Свойства события Изменение переменной

Теперь добавим к событию действие Сменить изображение.

Рисунок 4.14. Добавление действия Сменить изображение

В появившемся диалоге для добавления изображения нажмите кнопку Добавить, выберите изображение для значения 0, затем снова нажмите Добавить, выберите изображение для значения 1. Изображения можно перемещать по списку значений переменной, просто перетаскивая их мышью.

Рисунок 4.15. Свойства действия Сменить изображение

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

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

Рисунок 4.16. Компонент Прогресс

Чтобы отобразить значение переменной, нужно добавить к событиям компонента событие Изменение переменной и привязать к нему действие Вывести значение.

Рисунок 4.17. Добавление события

Рисунок 4.18. Добавление действия

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

Рисунок 4.19. Диалог Свойства действия

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

Рисунок 4.20. Окно редактирования события

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

Рисунок 4.21. Текст

Добавим к компоненту событие Изменение переменной, затем действие - Вывести значение.

Рисунок 4.22. Добавление действия к компоненту Текст

Появится диалог, запрашивающий формат выводимого значения. Введем строку, как показано на рисунке.

Рисунок 4.23. Параметры вывода значения для компонента Текст

Запись %.1v означает «значение переменной с точностью 1 знак после запятой». Остальной текст выведется без изменений (символ "%" нужно экранировать, т.е. чтобы вывести его, нужно вписать в поле "%%").

Компонент Поле ввода предназначен для отображения и редактирования значения переменной. Добавим в контейнер поле, в котором будем задавать требуемое значение температуры. Чтобы не форматировать новый компонент (допустим, нужно, чтобы поле выглядело как то, в котором отображается температура - цвет фона был тот же, границы и пр.), скопируем текстовое поле, а затем превратим его в поле ввода. Все свойства, а также события и действия, наследуются измененным компонентом, если его новый тип имеет такие свойства и способен содержать такие события и действия. Можно убедиться в этом - новый компонент унаследовал не только свойства, но и событие Изменение переменной (правда, в данном случае оно нас не интересует).

Рисунок 4.24. Изменение типа компонента

Чтобы привязать переменную к полю ввода, нужно добавить к нему событие Редактирование. Потребуется выбрать переменную для редактирования, формат вывода переменной в поле (как для компонента Текст), также опционально можно ввести сообщение, которое будет выводиться в протокол при редактировании поля. Если отметить опцию Подтверждать ввод, система при нажатии клавиши Enter будет запрашивать подтверждение.

Рисунок 4.25. Свойства события Редактирование

Добавим к полю заголовок. Проделаем те же операции для сигнала уровня в нагревателе (добавим текстовое поле для отображения значения и поле ввода для задания значения). Получим следующее:

Рисунок 4.26. Готовое изображение нагревателя

Компонент Кнопка предназначен для реализации ввода пользователя посредством нажатия кнопки мыши. Компонент также может содержать текст или изображение.

Добавим на мнемосхему изображение клапана подачи воды и кнопку включения его.

Рисунок 4.27. Кнопка

Пусть первое нажатие кнопки посылает команду клапану включиться, а второе нажатие - выключиться (переключает значение логической переменной). Пусть также, когда команда включения подана, кнопка окрашивается в зеленый, а когда команды нет, будет серой. Для первого нам потребуется событие Клик левой кнопкой и действие Toggle value.

Рисунок 4.28. Добавление события к компоненту Кнопка

Рисунок 4.29. Добавление действия к компоненту Кнопка

Будет запрошена переменная, которую нужно переключать:

Рисунок 4.30. Свойства для действия Toggle value

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

Рисунок 4.31. Добавление действия Изменить фон

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

Рисунок 4.32. Свойства действия Изменить фон

Осталось логическую переменную задействовать в процессе управления.

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

Рисунок 4.33. Добавление скрипта в подпрограммы

Рисунок 4.34. Диалог создания скрипта

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

Рисунок 4.35. Подпрограмма процесса отображения

Теперь привяжем скрипт к компоненту. Пусть это будет кнопка управления клапаном подачи воды - в автоматическом режиме она не должна быть видна. Добавим к кнопке событие Изменение переменной, в качестве переменной выберем mdGlobalAuto, к этому событию привяжем действие Скрипт.

Рисунок 4.36. Добавление действия Скрипт

В скрипте вызовем подпрограмму, передав ей имя компонента.

Рисунок 4.37. Вызов подпрограммы