Інструменти Delphi для управління компонентами на Формі
Для того, щоб розташувати один відносно одного компоненти в правильному порядку, спочатку необхідно їх виділити. Можна просто обвести мишкою область на Формі, в якій містяться вибрані компоненти. Або, утримуючи "Shift", вказати тією ж мишкою що кожен підлягає виділенню компонент. Повторне клацання мишкою по виділеному компоненту (при натиснутому "Shift") знімає з нього виділення.
Виділенними компонентами можна управляти як єдиним цілим - пересувати формою, привласнити значення однаковим властивостям, скопіювати (для установки, наприклад, на іншу Форму), навіть видалити.
| Виділення мишкою області з компонентами | Група виділених компонентів |
| 
|
Тепер клацніть правою кнопкою по одному з компонентів, і з "спливаючого" меню выберіть Position -> Align... З'явиться діалогове вікно, що дозволяє налаштувати положення компонентів в групі по горизонталі і вертикалі. Напр., нам потрібно вирівняти наші чотири кнопки по лівому краю і зробити так, щоб між ними була однакова відстань по вертикалі. Для цього виділимо радіокнопки Horizontal: Left sides і Vertikal: Space equally.
| Доступ до меню вирівнювання |
|
| Діалог вирівнювання компонентів | Результат вирівнювання групи компонентів |
| 
|
Вибираємо пункт Center, ми розташуємо компоненти так, що їх центри розташовуватимуться на одній лінії по горизонталі або вертикалі, а пункт Center in window переміщає компоненти в центр вікна, також по горизонталі або вертикалі.
В цьому ж меню рядок Tab Order... викликає появу діалогового вікна, керівника переміщенням курсора по елементах інтерфейсу при натисненні клавіші Tab. У момент появи Форми на екрані курсор знаходитиметься, природно, на компоненті, розташованому на першій строчці діалогового вікна. І далі переміщатиметься вниз за списком. На діалоговому вікні дві сині стрілки "вгору" і "вниз" управляють положенням виділеного компоненту. Виділяйте потрібний компонент, стрілками переміщайте на потрібну строчку в списку, і так далі.
При виборі пункту меню Control -> з'являється підміню, що складається з двех пунктів:
· Bring to Front
· Send to Back
Ці методи компонування доступні також програмно. Button1.SendToBack переміщає кнопку “на задній план”, а Button1.BringToFront - на "передній план". Тобто, якщо один компонент розташовується над іншим, ці методи міняють їх місцями. Випадки, в яких це може застосовуватися, досить очевидні
Індивідуальне завдання
Розробити графічний інтерфейс користувача для програми, що розробляється в даному лабораторному циклі та скомпонувати його у сценарій, який би забезпечував функціональність прототипу програмного продукту.
Порядок виконання роботи
1 Отримати індивідуальне завдання у викладача.
2 Ознайомитись з «Вимогами замовника» та «Функціональною специфікацією» на програмний продукт.
3 Вивчити порядок і методи розроблення основних графічних елементів користувацького інтерфейсу.
4 Спроектувати та розробити власний варіант графічного користувацького інтерфейсу для програмного продукту:
1. Спроектувати дизайн та реалізувати основну форму програмного продукту (головну сторінку web-сайту);
2. Спроектувати дизайн та реалізувати головне меню програми (web-сайту);
3. Спроектувати дизайн та реалізувати діалогові вікна (форми) вводу даних для програмного продукту (web-сайту);
4. Спроектувати дизайн та реалізувати форми виводу результатів/звітів для програмного продукту (web-сайту).
5 Розробити та реалізувати сценарій виклику усіх розроблених елементів графічного користувацького інтерфейсу для імітації роботи прототипу програми.
6 Оформити результати роботи у вигляді звіту по лабораторній роботі.
7 Захистити лабораторну роботу.
Контрольні питання
1) Що таке графічний інтерфейс користувача?
2) Яке основне призначення інтерфейсу користувача?
3) Які основні засоби складають інтерфейс користувача програмного продукту?
4) Як класифікуються елементи інтерфейсу програмних систем?
5) Перерахуйте та поясніть принципи розроблення графічного інтерфейсу користувача.
6) Назвіть та поясніть правила створення графічного інтерфейсу користувача.
7) ...
Література
1. Т.Мандел. Разработка пользовательского интерфейса. Серия «Для программистов». – М.: ДМК пресс, 2001. -416 с.
2. А.К.Гультяв, В.А.Машин. Проектирование и дизайн пользовательского интерфейса. Учеб. Пособие. – Изд-во: Корона-Принт, 2007. -352 с.
3. В.В.Головач. Дизайн пользовательского интерфейса2 Искусство мыть слона. – http://uibook2.usethics.ru/uibookII.pdf