Робота 3. Створення анімаційних зв'язків

Мета роботи:

- Копіювання і вставка об'єктів;

- Присвоювання об'єктам динамічних властивостей.

1. Створюємо вікно Links.

2. Скопіюйте клапан і кнопку з раніше створеного вікна Window1. для цього відкрийте його командою Window / Window1, виділіть об'єкти та натисніть кнопку Copy на головній панелі інструментів.

3. Перейдіть у вікно Links за допомогою команди меню Windows (вибір вікон) і натисніть кнопку Paste (вставити).

Двічі клацніть на клапані для виклику меню анімаційних зв'язків. По черзі встановіть динамічні зв'язки Line Color, Fill Color і Text Color (усі - типу Discrete, див. рис.) Для змінної з ім'ям DiscTag1.

4. У виведених діалогах для 0, False, Off виберіть червоний колір, а для 1, True, On – світло-зелений.

5. Для анімування кнопки DiscTag1 двічі клацніть на ній, потім визначте її як Touch Pushbutton з властивістю Discrete Value і з дією Direct. В поле Tagname введіть ім'я змінної DiscTag1. якщо змінна вже визначена в базі даних, треба двічі клацнути по пустому полю рамки для виклику діалогу Select Tage (вибір змінної), а потім двічі клацнути на імені необхідної змінної. ім'я змінної з'явиться в поле Tagname. Ця процедура дуже корисна, оскільки дозволяє уникнути помилок при введенні імен змінних в численні діалогові вікна.

Після динамізації клапана і кнопки створіть їх копію: виділіть клапан з кнопкою і клацніть по кнопці Duplicate загальної панелі інструментів. Розташуйте клапани поруч.

6. Виділіть другий клапан і виконайте команду Special / Substitute Strings (або CTRL + L). Замініть текст під другим клапаном на Valve 2 (попередньо «розбийте» символ на складові частини). Потім такий же командою замініть текст кнопки під другим клапаном на DiscTag2.

7. Два рази клацніть на другому клапані для виклику меню анімаційних зв’язків. По одному встановіть динамічні зв’язки Line Color, FillColor і Text Color ( всі – типу Discrete ) для змінної Disktag2 (див. п5).

8. В цих діалогах для 0, False, Off виберіть чорний колір, а для 1, True, On- синій

9. Виберіть кнопку DiskTag2 як User Input з властивістю Discrete і «прив’яжіть» до змінної DiskTag2. Задайте текст запрошення і повідомлення про стан клапану.

10. Перейдіть середовище виконання WindowViewer( щелчком по тексту Runtime в правому верхньому куті вікна WindowMaker). Клапани повинні змінити колір у відповідності до його стану.

11. Верніться в середовище WindowMaker (клацнувши на текcт Development в правому верхньому куті WindowViewer чи командою меню File). Установіть динамічні властивості для вказівника рухомого регулятора RealTag Value indicator. Двічі клацнувши на вказівник. Виберіть його як Slider/Horizontal і «прив’яжіть» до нього змінну RealTag типу Memory Real.

12. В поле At Left End Value (значення змінної, відповідне крайнього лівого положенням движка) введіть 0, в поле At Right End Value (значення змінної, відповідне крайньому правому положенню движка) - 500, в поле Horizontal Movement To Left - 0 і в поле Horizontal Movement To Right (переміщення движка вправо в пікселях) - 491 (величина L).

Для визначення величини L виділіть шкалу індикатора. Ширина шкали в пікселях (L) буде відображена в рядку стану (491, див. рис.).

13. Присвойте текстовому об'єкту RealTag # динамічне властивість User Input / Analog і «прив'яжіть» його до змінної RealTag. Задайте Min Value = 0 і Max Value = 500.

14. Двічі клацніть на прямокутнику шкали Value Indicator і додайте властивість Percent Fill (ступінь заповнення).

15. Визначте властивість Percent Fill / Horizontal, «прив'язавши» його до змінної RealTag. Вкажіть 500 для Value at Max Fill (значення змінної, що відповідає максимальному заповненню) і виберіть колір фону (Background Color). Напрямок заповнення (Direction) - вправо (Right).

16. Перейдіть в середовище виконання. При переміщенні покажчика довжина зафарбованою області індикатора повинна відповідати відображеному значенню змінної. Введіть нове значення змінної, клацнувши на поле відображення значення змінної. Індикатор значення повинен переміститися.

17. Намалюйте коло праворуч від клапанів. Надайте йому ім'я RealTag, задайте властивість Object Size / Height (висота) так, щоб висота кола була 100 %, коли RealTag = 500, і 0%, коли RealTag = 0. Збільшення від центру. Задайте властивість Object Size / Width (ширина) цього ж об'єкту, щоб його ширина була 100 %, коли RealTag = 500, і 0 %, коли RealTag = 0. Збільшення з центру. Перейдіть в середовище виконання і перевірте роботу додатки.

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