ЛР5 zenon(базовий): Створення графічного інтерфейсу
Відображення та зміна значень змінних: покажчики (індикатори) та повзунок
Ми дійшли до того моменту, коли усе готово для реалізації повноцінної мнемосхеми представлення техпроцесу: розміщення елементів відображення, символів обладнання та прив’язки до них змінних. В цьому навчальному посібнику ми розглянемо приклад реалізації фрагменту дифузійного відділення цукрового заводу. Основними елементами такого процесу є танки, клапани, двигуни, з’єднувальні труби.
Відображення вимірюваних параметрів здійснюється через всілякі показуючі динамічні елементи. Зараз ми декілька з них розглянемо.
Завдання 5.1. Створіть цифрові покажчики з відображеннями температур.
- Відкрийте екран 'Процес'
- На інструментальній панелі елементів виберіть піктограму Numerical value і розмістіть його під вже існуючим текстовим елементом
Автоматично відкриється діалогове вікно вибору змінної
- Виберіть змінну 'Температура[1]' і натисніть кнопку OK
- Підлаштуйте розміри елементу та його розміщення на екрані
- Змініть колір фону елементу та шрифт
- У властивостях елементу Representation -> Element border виберіть Edge deepened
Аналогічним чином створіть елементи відображення для змінних 'Температура[2]', 'Температура[3]', 'Температура[4]'.
Найпростіше це зробити шляхом копіювання вже існуючого елементу та перетягуванням на нього відповідної змінної (Drag&Drop).
Наш головний екран процесу повинен мати наступний вигляд:
Для полегшення чіткості позиціонування елементів на екрані та один відносно одного, можна ввімкнути координатну сітку та магнітні точки прив’язки: головне меню Options -> Settings.
Давайте адаптуємо діапазон представлення температури до 0 – 150 °С
- У властивостях змінної 'Температура[1]' зайдіть в розділ Value calculation -> Value adjustment linear
- Виставте для мінімального значення діапазону '0', а для максимального '150'
Таким чином, від контролера ми отримуємо значення в діапазоні -32768 - 32767, а на дисплейній мнемосхемі будемо відображати його в діапазоні 0 - 150. Аналогічно зробіть і для інших змінних температур.
Завдання 5.2. Створіть стрілочний покажчик для відображення змінної "Температура[1]".
- На інструментальній панелі елементів виберіть піктограму Pointer instrument і розмістіть його під існуючими елементами
- В наступному вікні виберіть змінну 'Температура[1]'
- Підлаштуйте розміри елементу, його колір, кількість рисок шкали, кут повороту шкали
Завдання 5.3: Створіть універсальний повзунок для зміни значення змінної 'Температура[1]'
- На інструментальній панелі елементів виберіть піктограму Universal slider і розмістіть його під існуючими елементами
- В наступному вікні виберіть змінну 'Температура[1]'
Автоматично відкриється помічник конфігурування цього елементу. Ми нічого змінювати не будемо, тому просто на кожному кроці натискайте Next і завершіть створення елементу кнопкою Finish.
- Підлаштуйте розміри елементу, його колір, стиль кромки
Для перевірки зробленої роботи запустіть Runtime. Ваш проект повинен мати наступний вигляд:
Спробуйте для кожної змінної змінити значення.
При зміні значення через цифрові елементи чи стрілочний покажчик буде з’являтися вікно вводу значення Setpoint input.
Давайте спробуємо інші варіанти вводу значень.