Презентація "Елементи керування в середовищі Delphi"

1. Власенко Ю.М.

2. РОЗМІЩУВАННЯ ЕЛЕМЕНТІВ
КЕРУВАННЯ НА ФОРМІ
Для того щоб під час виконання програми елементи керування утворили
інтерфейс користувача, потрібно перед запуском програми на виконання
розмістити їх на формі.
Розглянемо, як розмістити на формі кнопку, поле, напис і область
зображення (останній елемент керування призначений для розміщення
на формі графічного зображення).
Для цього потрібно:
1. Зробити форму поточною.
2. На панелі інструментів вибрати:
2.1. для кнопки - TButton (англ. type - тип; button - кнопка) у групі Standard
(англ. standard - стандарт);
2.2. для поля - TEdit (англ. edit - редагувати) у групі Standard;
2.3. для напису - TLabel (англ. label - мітка, напис) у групі Standard;
2.4. для області зображення - TImage (англ. image - зображення) у групі
Additional (англ. additional - додатковий).
3. Двічі клацнути на відповідному рядку.
Далі можна перетягуванням розмістити об'єкт в іншому місці форми.
Власенко Ю.М.

3. РОЗМІЩЕННЯ НА ФОРМІ
КНОПКИ, ПОЛЯ, НАПИСУ І
ОБЛАСТІ ЗОБРАЖЕННЯ
Власенко Ю.М.

4. ПІД ЧАС ВИКОНАННЯ ПРОЕКТУ
Власенко Ю.М.

5. ВЛАСТИВОСТІ ЕЛЕМЕНТІВ
КЕРУВАННЯ
Кнопка, поле, напис і область зображення, як і форма,
мають властивості - Name, Height, Width, Left, Top, а
також цілий ряд інших властивостей.
Значення властивостей цих об'єктів під час розміщення
на формі встановлюються за замовчуванням.
їх можна змінити, увівши нові значення на вкладці
Properties вікна Object Inspector.
Значення деяких з них можна змінити перетягуванням
меж об'єкта або самого об'єкта по формі.
Власенко Ю.М.

6. ВЛАСТИВОСТІ ЕЛЕМЕНТІВ
КЕРУВАННЯ
Кнопка і напис мають властивість Caption, а поле і область
зображення цієї властивості не мають.
Замість властивості Caption поле має властивість Text (англ.
text - текст), значення якої визначає, який текст знаходиться в
полі.
Розглянемо ще дві властивості, які мають усі елементи
керування, розглянуті вище:
Enabled (англ. enabled - доступний) - її значення визначає, чи
доступні об'єкт для операцій над ним.
Ця властивість може набувати лише одне з двох значень:
True (англ. true - істина, правда) - об'єкт доступний false,
False (англ. false - хибність, неправда) - об'єкт недоступний;
Власенко Ю.М.

7. ВЛАСТИВОСТІ ЕЛЕМЕНТІВ
КЕРУВАННЯ
Visible (англ. visible - видимий) - її значення
визначає, чи видимий об'єкт у вікні.
Ця властивість також може набувати лише одне
з двох значень:
True - об'єкт видимий,
False - об'єкт невидимий.
Власенко Ю.М.

8. ВЛАСТИВІСТЬ FONT
Елементи керування, розглянуті вище, крім області
зображення мають властивість Font (англ. font - шрифт).
Її значення визначають властивості символів, якими
буде виводитися текст на об'єкті.
На відхід усіх попередніх властивостей, ця властивість є
комплексною.
Комплексною вона називається тому, що складається з
кількох властивостей: Color, Height, Name, Size та ін.
Значення кожної з них можна змінити, якщо відкрити їх
список вибором кнопки [+] зліва від властивості Font.
Власенко Ю.М.

9. ОБЛАСТЬ ЗОБРАЖЕННЯ
За замовчуванням цей елемент не пов'язаний ні
з яким зображенням.
Щоб розмістити в ньому зображення,
необхідно змінити значення його властивості
Picture picture - малюнок): увести у відповідне
поле повне ім'я потрібного фізичного файлу або
вибрати файл із зовнішнього носія.
Власенко Ю.М.

10. ФАЙЛ ІЗ ЗОВНІШНЬОГО НОСІЯ
Вибрати кнопку в правому кінці поля Picture.
Вибрати кнопку Load (англ. load - завантажити)
у вікні Picture Editor (англ. editor - редактор).
Відкрити у вікні Load Picture необхідну папку,
вибрати потрібний графічний файл і кнопку
Open (англ. open - відкрити).
Вибрати кнопку ОК.
Власенко Ю.М.

11. ЩОБ ЗОБРАЖЕННЯ БУЛО
ПОВНІСТЮ ВИДИМИМ
Залежно від розмірів компонента і зображення, може бути
видимою лише частина зображення.
Після цього доцільно змінити значення таких властивостей
області зображення:
- установити значення властивості Stretch = True (англ. stretch -
розтягнути), щоб зображення зайняло всю область компонента;
- установити значення властивості Proportional = True (англ.
proportional - пропорційний), щоб зображення не спотворювалося
під час розтягування;
- установити значення властивості Align = alCustom (англ. align -
вирівняти, custom - налаштувати), щоб можна було налаштовувати
розташування компонента на формі (якщо вибрати значення цієї
властивості alClient (англ. client- клієнт), то зображення
покриватиме всю поверхню форми);
- установити такі значення властивостей Top, Left, Width, Height, щоб
компонент мав необхідні розміри та розташовувався в потрібному
місці форми. Власенко Ю.М.

12. ЗМІНА ЗНАЧЕНЬ ВЛАСТИВОСТЕЙ
ЕЛЕМЕНТІВ КЕРУВАННЯ
Щоб змінювати значення цих властивостей під
час виконання проекту потрібно додати до тек-
сту програми обробник певної події.
Якщо потрібно, щоб у результаті виконання
процедури змінилися значення властивостей
одного з об'єктів, процедура повинна містити
команди встановлення значення властивостей
об'єкта.
Власенко Ю.М.

13. КОМАНДИ ВСТАНОВЛЕННЯ
ЗНАЧЕННЯ
Загальний вигляд таких команд такий:
<ім'я об'єкта>.<ім'я властивості := <значення або вираз>;
Наприклад:
Form1.Color := clGreen; - установити колір фону вікна -
зелений;
Form1.Left := 300; - установити відступ лівої межі вікна - 300 пікселів;
Form1.Width := Form1.Width*2; - збільшити поточну ширину вікна
двічі;
Button1.Caption := 'Збільшити'; - установити текст заголовка на нопці
Збільшити (якщо значенням властивості є текст, то його потрібно
брати в одинарні лапки);
Labell.Font.Color := clRed; - установити колір символів, яким
виражатиметься текст у написі, червоний.

14. ПРИКЛАД ПРОЦЕДУРИ
TFORML.BUTTON1CLICK
procedure TForm1.Button1Click(Sender:TObject);
begin
Form1.Color := clBlue;
Form1.Caption := 'Значення властивостей змінилися';
Form1.Width := Forml.Width - 150;
Button1.Left :=60;
Button1.Top := 100;
Button1.Caption := 'Змінити!';
end;
Виконання процедури змінить колір вікна на синій,
змінить текст у рядку заголовка, зменшить його ширину
на 150 пікселів, змінить положення кнопки і текст на ній.
Власенко Ю.М.

15. ФОРМА ДО ВИКОНАННЯ
ПРОЦЕДУРИ
Власенко Ю.М.

16. Власенко Ю.М.