Лекція 12 Тема: Засоби візуальної розробки програм Перший проект
Для демонстрації можливостей Delphi і технології візуального проектування розробимо додаток, використовуючи який, можна обчислити швидкість, з якої спортсмен пробіг дистанцію.
Вид вікна програми під час її роботи наведено на рис. 1.
Рис. 1. Вікно програми обчислення швидкості перегони
Для початку роботи над новою програмою запустите Delphi. Якщо ви вже працюєте в середовищі розробки й у вас завантажений інший проект, виберіть у меню File (Файл) команду New →Application (Створити → Додаток).
Форма
Робота над новим проектом, так в Delphi називається розроблювальний додаток, починається зі створення стартової форми. Так на етапі розробки програми називають діалогові вікна.
Стартова форма створюється шляхом зміни значень властивостей форми Form1 і додавання до форми необхідних компонентів (полів введення й висновку тексту, командних кнопок).
Властивості форми (табл. В1) визначають її зовнішній вигляд: розмір, положення на екрані, текст заголовка, вид рамки.
Для перегляду й зміни значень властивостей форми і її компонентів використовується вікно Object Inspector. У верхній частині вікна Object Inspector зазначене ім’я об’єкта, значення властивостей якого відображається в цей момент. У лівому стовпчику вкладки Properties (Властивості) перераховані властивості об’єкта, а в правій – зазначені їх значення.
Таблиця 1. Властивості форми (об’єкта mform).
|
Властивість |
Опис |
|
Name |
Ім’я форми. У програмі ім’я форми використовується для керування формою й доступу до компонентів форми |
|
Caption |
Текст заголовка |
|
Width |
Ширина форми |
|
Height |
Висота форми |
|
Top |
Відстань від верхньої границі форми до верхньої границі екрана |
|
Left |
Відстань від лівої границі форми до лівої границі екрана |
|
BorderStyle |
Вид границі. Границя може бути звичайною (bsSizeable), тонкою (bsSingle) або її може не бути (bsNone). Якщо у вікна звичайна границя, то під час роботи програми користувач може за допомогою миші змінити розмір вікна. Змінити розмір вікна з тонкою границею не можна. Якщо границя відсутня, то на екран під час роботи програми буде виведене вікно без заголовка. Положення й розмір такого вікна – під час роботи програми змінити не можна |
|
Borderlcons |
Кнопки керування вікном. Значення властивості визначає, які кнопки керування вікном будуть доступні користувачеві під час роботи програми. Значення властивості задається шляхом присвоєння значень уточнюючим властивостям biSystemMenu, biMinimaze, biMaximaze і biHelp. Властивість biSystemMenu визначає доступність кнопки Згорнути й кнопки системного меню, biMinimaze– кнопки Згорнути, biMaximaze– кнопки Розгорнути, biHelp – кнопки висновку довідкової інформації |
|
Icon |
Значок у заголовку діалогового вікна, що позначає кнопку висновку системного меню |
|
Color |
Колір тла. Колір можна задати, указавши назву кольору або прив’язку до поточної колірної схеми операційної системи. У другому випадку колір визначається поточної колірною схемою, обраним компонентом прив’язки й міняється при зміні колірної схеми операційної системи |
|
Font |
Шрифт. Шрифт, використовуваний «за замовчуванням» компонентами, що перебувають на поверхні форми. Зміна властивості Font форми приводить до автоматичної зміни властивості Font компонента, що розташовується на поверхні форми. Тобто компоненти успадковують властивість Font від форми (є можливість заборонити спадкування) |
При створенні форми в першу чергу слід змінити значення властивості caption (Заголовок). У нашім прикладі треба замінити текст Form1 на «Швидкість бігу». Щоб це зробити, потрібно у вікні Object Inspector клацнути мишею на рядку Caption, у результаті чого буде виділено поточне значення властивості, у рядку з'явиться курсор, і можна буде ввести текст «Швидкість бігу» (рис. 2).
Рис. 2. Установка значення властивості шляхом уведення значення
Форма
Аналогічним чиномм можна встановити значення властивостей Height і Width, які визначають висоту й ширину форми. Розмір форми і її положення на екрані, а також розмір інших елементів керування і їх положення на поверхні форми задають у пікселах, тобто точках екрану. Властивостям Height і Width треба задати значення 250 і 330 відповідно.
Форма – це звичайне вікно. Тому його розмір можна змінити точно так само, як розмір будь-якого іншого вікна, тобто захопленням і переміщенням (за допомогою миші) границі. По закінченню переміщення границь автоматично зміняться значення властивостей Height і width. Вони будуть відповідати встановленому розміру форми.
Положення діалогового вікна на екрані після запуску програми відповідає положенню форми під час її розробки, яке визначається значенням властивостей Тор (відступ від верхньої границі екрана) і Left (відступ від лівої границі екрана). Значення цих властивостей також можна задати шляхом переміщення вікна форми за допомогою миші.
При виборі деяких властивостей, наприклад, BorderStyle, праворуч від поточного значення властивості з’являється значок списку, що розкривається. Очевидно, що значення таких властивостей можна задати шляхом вибору зі списку (рис. 3).
Рис. 3. Установка значення властивості шляхом вибору зі списку
Деякі властивості є складними, тобто їх значення визначається сукупністю значень інших (уточнюючих) властивостей. Перед іменами складних властивостей стоїть значок «+», при клацанні на який розкривається список уточнюючих властивостей (рис. 4). Наприклад, властивість BorderIcons визначає, які кнопки керування вікном будуть доступні під час роботи програми. Так, якщо властивості biMaximize присвоїти значення False, те під час роботи програми кнопки Розгорнути в заголовку вікна не буде.
Рис. 4. Розкритий список вкладених властивостей складної властивості Bordericons
Поруч зі значеннями деяких властивостей відображається командна кнопка із трьома точками. Це значить, що для задання значення властивості можна скористатися додатковим діалоговим вікном. Наприклад, значення складної властивості Font можна задати шляхом безпосереднього введення значень уточнюючих властивостей, а можна скористатися стандартним діалоговим вікном вибору шрифту.
У табл. В2 перераховані властивості форми розроблювальної програми, які слід змінити. Інші властивості залишені без зміни й у таблиці не наведені.
Таблиця 2. Значення властивостей стартової форми.
|
Властивість |
Значення |
|
Caption |
Швидкість бігу |
|
Height |
250 |
|
Width |
330 |
|
BorderStyle |
bsSingle |
|
BorderIcons .biMinimize |
False |
|
BorderIcons .biMaximize |
False |
|
Font. Size |
10 |
У наведеній таблиці в іменах деяких властивостей є точка. Це значить, що потрібно задати значення уточнюючого властивості. Після того як будуть встановлені значення властивостей головної форми, вона повинна мати вигляд, наведений на рис. 5.
Рис. 5. Так виглядає форма після установки значень властивостей