Практична робота №11 Тема: Розміщення на формі елементів керування та робота з ними.

Мета Навчитися створювати найпростіші програмні продукти за допомогою візуальної мови програмування.

Теоретичні відомості

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

При створенні нового проекту конструктор форм складається з одного вікна із заголовком Forml, в якому можуть бути розміщені різні елементи з палітри компонентів

Палітра компонентів

При першому запуску Delphi палітра компонентів розташована поруч з панелями інструментів під рядком головного меню. Вона є набором іменованих вкладок. На кожній вкладці знаходиться набір компонентів тієї або іншої категорії.

Так, перша вкладка палітри компонентів називається Standard і містить стандартні компоненти, на зразок кнопок, полів введення і списків, а друга вкладка під назвою Additional містить додаткові компоненти, наприклад, кнопка з малюнками, сітка даних і так далі.

Компонент — це об'єкт, який володіє набором властивостей, методів і подій

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

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

Для відміни вибраного компоненту в палітрі потрібно клацнути на піктограмі із зображенням стрілки, розташованої зліва від піктограм компонентів.

Якщо при виділенні компонентів у вікні Object TreeView натиснута клавіша <CTRL>, то в деревовидній структурі можна вибирати компоненти в довільному порядку. Якщо ж натиснута клавіша <SHIFT>, то в деревовидній структурі можна виділити відразу діапазон компонентів — для цього досить виділити тільки перший і останній компоненти необхідного діапазону.

Переміщення компонентів і зміну їх розмірів можна виконувати або безпосередньо в конструкторі форм, або за допомогою інспектора об'єктів.

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

Переміщення компонентів за допомогою миші виконується або з урахуванням прив'язки до вузлів сітки (крок сітки за умовчанням дорівнює 8 пікселям), або довільно, якщо прив'язка до сітки відключена. При переміщенні компонентів за допомогою клавіш управління курсором із зображенням стрілок зсув виконується завжди тільки на один піксель.

Налаштування параметрів сітки (відображення, прив'язка, крок) виконується на вкладці Designer діалогового вікна Environment Options. Для того, щоб відкрити це вікно необхідно виконати однойменну з ним команду головного меню Tools. Параметри сітки встановлюються в полі Grid Options. Режим прив'язки до сітки встановлюється прапорцем Snap to Grid.

Щоб вирівняти активні компоненти по вузлах сітки, можна виконати команду Position > Align to Grid контекстного меню цих компонентів. Для вирівнювання декількох виділених компонентів щодо один одного можна скористатися командою Position >- Align контекстного меню виділених компонентів, і вказати в діалоговому вікні Alignment спосіб їх вирівнювання по горизонталі і вертикалі.

Щоб змінити розміри виділених компонентів, можна скористатися одним з наступних способів.

• За допомогою перетягання мишею маркерів виділення (тільки для одного виділеного компоненту). Зверніть увагу, що при розміщенні покажчика миші над одним з маркерів він змінює свій вигляд. Якщо встановлений режим прив'язки до сітки, то зміна розмірів компоненту виконуватиметься відповідно до встановленого кроку сітки.

• За допомогою клавіш управління курсором із зображенням стрілок при натиснутій клавіші <SHIFT>. У цьому випадку одне натиснення клавіші приводить до зміни розмірів компонент на один піксель. Цей спосіб дозволяє одночасно змінювати розміри відразу декількох виділених компонентів.

• За допомогою команди Position >• Size контекстного меню виділених компонентів. У діалоговому вікні Size можна або безпосередньо вказати ширину і висоту виділених компонентів, або задати зміну розмірів відповідно до найменшого або найбільшого з декількох виділених компонентів.

• За допомогою команди Position >• Scale контекстного меню конструктора форм. Виконання цієї команди приводить до відкриття на екрані діалогового вікна Scale, за допомогою якого можна змінювати розміри виділених компонентів у відносних одиницях вимірювання — відсотках, — так зване масштабування всіх розміщених на формі компонентів. Наприклад, якщо вказати масштаб 200%, то розміри і координати розміщення всіх компонентів будуть збільшені в два рази.

Команда Scale відрізняється від команди Size тим, що застосовується до всіх розміщених на формі компонентів, а не тільки до тих, які виділені в даний момент. Таким чином, поняття "масштабування" відноситься, швидше, до форми в цілому, чим до окремих її компонентів. Це означає, що у випадку, якщо необхідно виконати команду Scale, для виклику контекстного меню можна клацнути правою кнопкою миші в будь-якому місці форми.

Виділення компонентів

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

На етапі проектування компонент можна зробити активним п'ятьма різними способами.

1. Клацнувши на нім мишею в конструкторі форм.

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

3. Виділивши мишею елемент деревовидної структури у вікні Object TreeView.

4. За допомогою клавіші <ТАB> і клавіш управління курсором із зображенням стрілок, що дозволяють переходити від компоненту до компоненту в конструкторі форм, а також — у вікні Object TreeView — за допомогою повного набору клавіш управління курсором.

5. Вибравши необхідний компонент в списку, що розкривається, розташованому у верхній частині інспектора об'єктів.

Видалити виділені компоненти можна або в конструкторі форм за допомогою клавіші <DELETE>, або за допомогою команди Delete з меню Edit. Також можна видалити виділені компоненти у вікні Object TreeView за допомогою тієї ж клавіші <DELETE>, команди Edit >Delete або однойменної кнопки панелі інструментів цього вікна.