Порядок роботи

Лабораторна робота №2

Назва: "Розміщення компонентів на формі"

Мета роботи: закріплення навичок виділення компонентів, зміни розмірів окремих компонентів, переміщення компонента (компонентів), а також вирівнювання компонентів з використанням палітри вирівнювання

Порядок роботи

Для створення нового застосування запустіть Borland C++ Builder і виберіть в головному меню пункт File|New Application.

У інспекторові об'єктів виберіть властивість Name і задайте нове імені форми, наприклад MainForm.

Для подальшої роботи необхідно вибрати компоненти, помістити їх на форму, вирівняти при необхідності.

Компонентом називається функціонально закінчена ділянка двійкового коду, що виконує деяку зумовлену функцію (наприклад, відображення тексту, реалізація лінійки прокрутки і тому подібне). Використання компонента зводиться до приміщення графічного значка, що також називається компонентом, у форму створюваного застосування.

Для вибору компонента необхідно вибрати відповідну вкладку палітри компонентів і клацнути по необхідному компоненту. Клацання усередині форми приведе до приміщення, вибраного компонента у форму - верхній лівий кут компонента співпадатиме з положенням курсора у момент клацання.

Для приміщення декількох однакових компонентів необхідно клацнути по компоненту в палітрі компонентів при натискані на клавіші Shift. Кожне подальше клацання усередині форми дозволять поміщати в неї новий компонент. Припинення вставки здійснюється клацанням по стрілці в лівій частині палітри компонентів.

Для виділення одного компонента у формі треба по ньому клацнути мишею або декілька компонентів виділити рамкою з чорними вузлами. Декілька компонентів можна також виділити послідовними клацаннями при натискані на клавіші Shift. Виділені компоненти мають обрамлення у вигляді рамки з сірими вузлами. Повторне клацання по компоненту при натиснутій клавіші Shift знімає виділення з компонента. Виділення компонентів можна здійснювати шляхом охоплення пунктирною рамкою, що з'являється при натисненні на ліву кнопку миші.

Виділений компонент (компоненти) можна переміщати за формою за допомогою миші. При виході компонента за межі форми він усікатиметься. У ряді випадків зміщення компонента за межі викличе появу лінійок прокрутки. Використовуючи мишу можна змінювати розміри поодинокого виділеного компонента (але не у усіх компонентів).

Для вирівнювання компонента усередині форми найчастіше використовується палітра вирівнювання Align (команда основного меню View/Alignments Palette).

Мал. 1 Вікно вирівнювання

Мал.2.Вікно палітри вирівнювання

Функції кнопок цього вікна приведені нижче.

1. Вирівняти ліві краї.

2. Вирівняти центри по вертикалі.

3. Відцентрувати у вікні по горизонталі.

4. Встановити рівний крок по горизонталі.
5. Вирівняти праві краї.

6. Вирівняти верхні краї.

7. Вирівняти центри по горизонталі.

8. Відцентрувати у вікні по вертикалі.

9. Встановити рівний крок по вертикалі.

10. Вирівняти нижні краї. Вирівнювання може бути застосоване як до одного виділеного компонента, так і до групи виділених компонентів.

Завдання 1

Створіть нове застосування. Заповніть форму нового застосування п'ятьма компонентами Button (кнопка), що знаходяться на вкладці Standard. Місце розташування цих компонентів довільне.

Використовуючи отримані знання, закріпите навички виділення компонентів, зміни розмірів окремих компонентів, переміщення компонента (компонентів), а також вирівнювання компонентів з використанням палітри вирівнювання.

У інспекторові об'єктів відображаються властивості і події компонентів. Інспектор відображає властивості виділеного компонента або загальні властивості для групи виділених компонентів.

Для знайомства з деякими властивостями компонентів виконаєте наступні дії.

1. Очистьте форму від усіх наявних компонентів. Для цього виділите усі компоненти, наприклад командою Edit/Select All головного меню і натисніть клавішу Delete.

2. Помістіть у форму компонент Shape, що знаходиться на вкладці Additional палітри компонентів. Інспектор об'єктів відбиває властивості або події цього компонента, про що свідчить напис Shape1: TShape в спадаючому меню у верхній частині інспектора об'єктів.

3. Виберіть, якщо необхідно, вкладку "Властивості" (Properties) інспектора об'єктів.

4. Знайдіть властивість Name і змініть ім'я, запропоноване за умовчанням з Shape1 на Circle. Зверніть увагу на зміни в спадаючому меню.

5. Знайдіть властивість Brush. Плюс перед назвою властивості означає наявність меню, що розкривається, розширює цю властивість. Двічі клацніть по назві властивості Brush. Зверніть увагу на появу меню з властивостями Color і Style, а також на зміну знаку "+" на "-" перед властивістю Brush.

6. Клацніть один раз по властивості Color. Праворуч від назви властивості з'явиться список можливих значень цієї властивості. Розкрийте цей список і виберіть clRed. Зверніть увагу на зміну кольору компонента у формі.

7. Знайдіть властивість Shape і виберіть stCircle.

8. Виконавши ці дії, з білого квадрата отримаємо червоний круг. Зміна і контроль властивостей компонентів, а також прив'язка їх змін до подій складають істотну частину програмування в Borland C++ Builder.

Завдання 2

Створіть за допомогою декількох компонентів, змінюючи, при необхідності їх властивості, модель світлофора у вигляді прямокутника синього кольору. Задайте компоненту, що зображує червоний ліхтар, ім'я (властивість Name) Red, жовтий ліхтар, - ім'я Yellow, зелений ліхтар - ім'я Green.

Увага! Виконайте наступні дії точно у відповідність з вказаним порядком.

1. Додайте у форму компонент Timer (вкладка System).

2. Змініть властивість Name цього компонента на Timer.

3. Двічі клацніть по компоненту Timer, який вже розташований на формі. Відкриється вікно редактора коду. Курсор розташований між відкриваючої і закриваючої тіло функції дужками.

4. Далі наводиться текст обробника події для компонента таймер. Введіть наступний код.

if (Red→Brush→Color = = clRed)
{
Red→Brush→Color = clGray;
Yellow→Brush→Color = clYellow;
}
else
{
if (Yellow→Brush→Color = = clYellow)
{
Yellow→Brush→Color = clGray;
Green→Brush→Color = clGreen; }
else
{
Green→Brush→Color = clGray;
Red→Brush→Color = clRed;
}
}

5. Збережіть створене застосування.

6. Натисніть клавішу F9, для запуску програми на виконання.

7. Після компіляції програми (виявлені компілятором помилки в програмі усунете самостійно) відкриється вікно із створеним Вами застосуванням. Проаналізуйте роботу цього застосування у відповідність із записаним раніше програмним модулем.

Завдання 3

Створити додаток на рух компонентів. Створення додатка "Поршень" розпочнемо з того, що помістимо на форму необхідні компоненти, так само як це показано на мал. 3

1. Компоненти знаходяться у вкладках: Shape (Additional), Button (Standard), Timer (System).

Shape4 Timer1
Shape3
Shape5
Shapel Shape2

Мал.3.Приклад заповнення форми додаток "Поршень"

2. Далі, при натисненні на кнопку → "поршень" (Shape4) повинен рухатися управо, а при натисненні на кнопку ← вліво. Якщо він досягає украй лівого (чи украй правого) положення, спалахує відповідна сигнальна лампа і "поршень" зупиняється.

3. Таймер в додатку використовуватиметься як елемент повторення. Тому задамо для Timer1 властивості Interval (інтервал) рівний 15 і Enabled (дозвіл доступу до компонента) як false.

4. Тепер клацніть на Button1, відкриється редактор коду на події Button1Click. Треба записати наступне:

Timer1→Enabled=true; //включаем таймер

Timer1→OnTimer=Button1Click; //задаем режим повторений

if (Shape1→Brush→Color= =clRed)

Shape1→Brush→Color=clWhite; if (Shape4→Left+Shape4→Width= =Shape3→Left+Shape3→Width)

{

Shape4→Left=Shape3→Left+Shape3→Width–Shape4→Width;

//останавливаем поршень

Shape2→Brush→Color=clGreen; //включаем лампу

Timer1→Enabled=false; //выключаем таймер

}

Else

{

Shape4→Left+=1; //перемещаем поршень на 1

Shape5→Width+=1;} //вправо

5. Тепер клацніть на Button2, відкриється редактор коду на події Button2Click. Треба записати наступне:

Timer1→Enabled=true;

Timer1→OnTimer=Button2Click;

if (Shape2→Brush→Color= =clGreen)

Shape2→Brush→Color=clWhite; if (Shape4→Left= =Shape3→Left)

{

Shape4→Left=Shape3→Left;

Shape1→Brush→Color=clRed;

Timer1→Enabled=false;

}

Else

{

Shape4→Left– =1; //перемещаем поршень на 1 влево

Shape5→Width– =1;

}

Написані два обробники подій, які виконуватимуться всякий раз, коли вибирається відповідна кнопка (Button1 або Button2).

Запустіть додаток на виконання.

Завдання до лабораторної роботи №2

1. Написати додаток, який показує роботу світлофора по наступному циклічному алгоритму:

2. "червоний→червоний + жовтий→зелений→миготливий зелений"

3. Створити додаток "Автонавантажувач", зразковий вид форми показаний на мал.4. Для кнопок описати відповідний рух:
"Вперед" "Підняти" "Перемістити" "Опустити" "Назад"

автонавантажувача з вантажем до опори

вантаж з підйомною платформою підняти до верху опори

вантаж перемістити на опору

опустити підйомну платформу

автонавантажувач без вантажу відкочується на вихідну позицію

В процесі розробки додатка передбачити наступні умови роботи: вантаж не може бути переміщений, якщо автонавантажувач не підведений до опори і підйомна платформа не знаходиться на рівні верху опори.

Для зручності роботи, можливо, здійснювати спільні дії для групи компонентів. На етапі проектування призначають додаткову властивість Tag відмінне від нуля, але однакове для кожного компонента групи. Наприклад, якщо необхідно переміщати групу компонентів з властивістю Tag = 1 вліво, то запишемо наступний код:

for (int i=0; i < ComponentCount; i++) { if (Components → Tag == 1)

((TControl *)Components) →Left +=1; }

Підйомна платформа Вантаж Опора

Мал.4.Приклад заповнення форми додаток "Автонавантажувач"

Дата добавления: 2015-11-14