Робота 1. Вікна і графічні об'єкти

Мета роботи:

- Створення нового додатка;

- Створення вікон додатка;

- Створення графічних об'єктів у вікнах;

- Імпортування вікон з іншої програми.

1. Запустіть InTouch Application Manager.

2. Натисніть кнопку New на панелі інструментів (або виконайте

команду File / New).

Появиться наступне вікно:

3. Укажіть шлях до каталогу, в якому будемо зберігати створюваний проект і нитискаємо Next( Далее ).

4. В наступному вікні,що наведене нижче введіть ім’я директорії, в якій ви будите зберігати свій проект.(Наприклад АТП1)

5. В наступному діалогову вікні в полі Name введіть ім'я проекту і в полі Description – описання(не обов’язково).

6. Натисніть кнопку Finish ( Готово ). Application Manage одразу ж відобразить у вікні інформацію про створений проект.

7. Два рази клацніть по рядку з проектом, котрий ви тільки що створили(напр.. Study) чи виділіть його,а потім натисніть кнопку WindowMaker.

В результаті буде запущена середу розробки WindowMaker.

Додаток InTouch (інтерфейс оператора) являє собою набір вікон (Window). Склад цих вікон може бути різним (визначається завданнями АРМ), але тут завжди буде, принаймні, кілька вікон, що представляють мнемосхеми технологічного процесу, вікна зведень сигналізацій (Alarm), вікна трендів реального часу і архівних трендів. Але все це відноситься до готового додатка.

А при першому запуску додатка в середовищі WindowMaker воно не містить жодного вікна. Їх ще належить створити. Це і є завданням комп'ютерного практикуму.

8. Створіть вікно: натисніть кнопку New на головній панелі інструментів (або виконайте команду File / New Window).

В результаті цієї дії на екран буде виведений діалог Window Properties.

9. Введіть ім'я вікна (наприклад, Window1 - використовуйте латинський алфавіт) в поле Name. Увімкніть опції властивостей вікна відповідно до малюнком нижче. Підберіть ширину і висоту вікна (Window Width / Height) таким чином, щоб вікно займало майже весь екран. Натисніть Ok. для коригування властивостей вікна користуйтеся командою Window / Window Properties.

10. Намалюйте клапан в цьому вікні. Спочатку намалюйте трикутник, використовуючи засіб Polygon (багатокутник - панель Draw, справа). для цього виберіть інструмент, клацніть курсором по полю вікна і, утримуючи кнопку миші, намалюйте одну сторону трикутника. Зміна напрямку здійснюється клацанням мишки. Для створення трикутника достатньо намалювати дві сторони і клацнути два рази мишкою.

11. Якщо трикутник не виділений, то виділіть його і натисніть кнопку Duplicate ( дублювати – панель інструментів General, вверху ).

12. Виділіть другий трикутник і натисніть кнопку Flip Horizontal (відобразити дзеркально по вертикалі – панель Arrange, внизу справа).

13. З1єднайте два трикутники, використовуючи клавіші стрілок і мишки. Для переміщення об’єкта попередньо виділіть його.

14. Добавте шток клапана за допомогою інструмента Rectangle (прямокутник – панель Draw).

15. Розташуйте шток під клапаном. Для цього виділіть шток і натисніть кнопку Send to Back (помістити під – панель Arrange).

16. Намалюйте привід клапана за допомогою інструмента Ellipse.

17. Використовуючи інструмент T (Text), добавте під клапаном текст Клапан1 (Valve1). В результаті робоче поле WindowMaker буде виглядати наступним чином:

Створений клапан складається з п'яти окремих елементів (включаючи текст). Щоб зробити з них єдиний об'єкт, натисніть клавішу F2 для виділення всіх об'єктів у вікні, а потім натисніть кнопку Make Symbol (об'єднати в символ - панель Arrange). Тепер всі складові клапан елементи об'єднані в символ і можуть оброблятися як єдиний об'єкт. Можна змінювати розмір клапана, виділивши його і потягнувши за один з захоплень. Можна перемістити клапан в нове місце. У створеного об'єкта можна змінити колір заповнення, ліній, колір рамки, а також колір і тип шрифту написи.

18. Добавте кнопку под. клапаном за допомогою інструмента Button (кнопка – панель Draw).

19. Для зміни тексту кнопки виділіть її і виконайте команду Special/Subtitute Strings (чи CTRL+L). В полі Text діалога Substitute Strings введіть текст – DiskTag1.

20. Натисніть Ok. Створений рисунок буде мати наступний вигляд:

21. Відповідними командами меню File збережіть і закрийте вікно

(File / Close).

Виконані досить прості завдання практикуму. Але в результаті отримані практичні навички у створенні проекту, вікон, основам малювання в середовищі WindowMaker. Малювання - процес захоплюючий, але що вимагає багато часу. Тому далі передбачається використовувати заздалегідь заготовлені вікна і об'єкти. Для цього буде потрібно освоїти ще один прийом, часто використовуваний при розробці додатків - імпорт вікон з іншої програми. Імпорт вікон - дуже важлива і зручна функція. Імпорт вікон часто використовується при створенні нових додатків (проектів) для однотипних об'єктів, коли потрібно лише пере прив’язка змінних і невеликі виправлення в рамках специфіки конкретного технологічного процесу. Процедура імпорту проводиться при закритих вікнах середовища розробки WindowMaker.

22. Імпорт вікон. Виконайте команду меню File / Import. Вкажіть шлях до підкаталогу TemplatesFolder (уточніть у викладача місце його знаходження) і клацніть Ok. У діалоговому вікні виберете опцію Windows (вікна) для імпорту.

23. Вибравши Windows, клацніть по кнопці Select. В діалозі Windows to Import виберіть всі доступні вікна і натисніть Ok (дивю. рисунок нижче).

24. Знову появиться діалог із пункта 22.Натисніть Import для імпорту вікон. Ці вікна автомтатично не відкриються, протее вони вже імпортовані в додатку.

25. Створіть нове вікно Menu з наступними властивостями:

В подальшому вікно Menu буде постійно відкрите (його тип – Popup, дивись рисунок) для забезпечення навігації по вікнах операторського інтерфейсу. Щоб вікно Menu не перекривало об’єкти інтерфейсу, його висота має бути невеликою. (Window Height – 50).

26. В цьому вікні створіть шість кнопок. Розмістіть у вікні Menu у відповідності з малюнком. Для зміни тексту кнопки скористуйтеся командою Special/Substitute Strings.

27. Натисніть іконку Wizards... і в діалозі, який з'явився Wizard Selection, виберіть групу майстрів Clocks. Виділіть майстер-об'єкт Digital Time / Date і натисніть Ok (або двічі клацніть по майстер-об'єкту). Розташуйте його зліва від першої кнопки (з ім'ям першого вікна), створіть його копію і розмістіть її праворуч від останньої кнопки (HTrends).

28. Подвійне клацання на майстер-об'єкті викликає на екран діалог Digital Clock Wizard. Конфігуруйте майстер-об'єкти таким чином, щоб у лівій частині вікна Menu виводити час (опція Show Time), а в правій - дату (опція Show Date).

29. Збережіть і закрийте вікно Menu.

Дата добавления: 2015-08-09