Установка поділюваних властивостей компонентів

Більшість візуальних компонентів мають загальні властивості, (наприклад, Visible, Width, Left). Для установки однакових значень загальних властивостей для декількох компонентів необхідно виконати наступні дії:

1. Вибрати кілька настроюваних компонентів, наприклад, Label, Edit, Memo. При цьому сторінка властивостей інспектора об'єктів буде відображати тільки ті властивості, які є у всіх обраних компонентів.

2. Установити значення властивостей, загальних для виділених компонентів. Виділити кілька компонентів, наприклад, Label, Edit, Memo. В Інспекторі об'єктів змінити властивості Font і Left . У результаті всі обрані компоненти придбали однакові значення цих властивостей.

Для зміни розмірів декількох компонентів варто вибрати їх одним з описаних вище способів. Далі потрібно вибрати пункт меню Edit/Size. З'явиться діалогове вікно Size. Виберіть опції розміру. Для точної установки розміру в пікселах можна ввести числа в поля Width і Height. Далі потрібно нажати кнопку OK.

Можна додати кілька копій компонента одного типу, вибираючи компонент із палітри при натиснутій клавіші Shift. У цьому випадку навколо компонента з'являється прямокутник, що оточує цей компонент. Після цього кожного щиглика мишею на формі приводить до появи на ній копії компонента. Закінчивши режим багаторазового копіювання, варто клацнути мишею на інструменті вибору курсору (перша кнопка на палітрі компонентів із зображенням стрілки).

Можна вирівняти компоненти, використовуючи пункт меню Edit/Align. Для цього потрібно:

Вибрати компоненти для вирівнювання.

Вибрати пункт меню Edit/Align. З'явиться діалогове вікно Alignment.

Вибрати потрібну опцію й нажати на кнопку OK.

Можна змінити умови вирівнювання компонент, використовуючи пункт меню Options/Environment. Для цього потрібно:

1. Вибрати пункт меню Options/Environment. Діалогове вікно Environment з'явиться відкритим на сторінці Preferences.

2. У групі Form designer можна вибрати наступні опції:

Display grid - зробити сітку із крапок на формі видимої для компонентів, що вирівнюють

Snap to grid - змусити ліві й верхні сторони компонентів розташуватися на лініях сітки.

3. Для того, щоб змінити відстань між вузлами сітки, потрібно ввести нові значення замість наявних. Значення за замовчуванням -і 8 пікселей по осі X (по горизонталі) і по осі Y (по вертикалі).

4. Нажати OK.

Частина ІІI. Робота з проектом у середовищі C++Builder

Створення проекту

Створимо додаток C++Builder, використовуючи технологію візуального програмування.

Для цього потрібно виконати такі дії:

• Створіть новий проект, вибравши в меню File | New Application (це еквівалентно вибору значка Application у діалозі New Items). При цьому буде відкритий конструктор форм із новою, порожньою формою. Інспектор об'єктів буде показувати її властивості.

• Виберіть у лівому стовпчику сторінки Properties властивість Caption. Заміните його значення (у правому стовпчику) на “Hello World”. Зверніть увагу, що цей текст відразу ж з'являється в рядку заголовка форми.

• Розмістіть на формі необхідні компоненти - дві командних кнопки Button1, Button2 і мітку Label1, у якій буде відображатися необхідний текст.

• Відкрийте в палітрі компонентів головного вікна C++Builder сторінку Standard (вона відкрита за замовчуванням) і виберіть у ній компонент Button (значок, що зображує командну кнопку). Після цього клацніть кнопкою миші в тім місці форми, де повинен перебувати верхній лівий кут компонента. Кнопка буде поміщена на форму; навколо її будуть перебувати чорні маркери, які дозволяють змінювати розмір кнопки за допомогою миші й, крім того, служать ознакою активного (обраного) компонента форми. Переміщати компонент за формою можна, помістивши курсор усередину компонента.

• В інспекторі об'єктів зміните властивість Caption кнопки на “Message”, аналогічно тому, як це було зроблено для самої форми. Уведений текст задає напис на кнопці. (За замовчуванням це Buttonl.)

• Розмістите на формі другу кнопку з написом “Exit”. 

• Виберіть у палітрі компонентів значок Label (буква А) і помістите компонент мітки на форму нижче командних кнопок. Виберіть в інспекторі об'єктів властивість Font. Якщо нажати маленьку кнопку із многоточием, у правому стовпчику інспектора, з'явиться звичайний діалог вибору шрифту, у якому можна задати бажану гарнітуру й розмір тексту. Кнопка із многоточием у колонці значень - звичайна ознака того, що для властивості передбачений спеціалізований редактор.

• Видалите із властивості Caption весь текст (“ Label1”).

До даного моменту ми практично завершили те, що називають етапом візуального проектування програми. Тепер потрібно написати програмний код, що буде вирішувати необхідну задачу, у цьому випадку - висновок (по команді) на екран рядка тексту “Hello World!”.

• Виберіть на формі першу із кнопок і перейдіть в інспекторі об'єктів на сторінку подій (Events).

• Двічі натисніть кнопку миші на події OnClick; C++Builder створить заготівлю процедури обробки ButtonlClick() і встановить курсор редактора коду усередині її. Уведіть рядок коду, щоб функція виглядала так:

void _fastcall TForm::ButtonlClick(TObject *Sender) {

Labell->Caption = "Hello World!";

}

• Точно так само створіть процедуру обробки події для другої командної кнопки:

void _fastcall TForm::Button2Click(TObject *Sender) {

Forml->Close () ;

}

• При бажанні зміните розмір форми (як це робиться зі звичайним вікном) і збережете файли проекту.

• Залишилося тільки компілювати й запустити програму. Натисніть на інструментальній панелі C++Builder кнопку із зеленою стрілкою (Run). Якщо при компіляції виникають помилки, значить ви, швидше за все, зробили десь помилку; інші проблеми малоймовірні.

• Натисніть кнопку Message. Буде виведений рядок повідомлення. Кнопка Exit завершує роботу програми, закриваючи її головне вікно (його можна закрити й системною кнопкою в правому верхньому куті - це те ж саме).

Таким чином, процес візуального проектування користувальницького інтерфейсу полягає в тім, що з палітри вибираються необхідні компоненти, розміщаються на формі, підганяються по положенню, розміру; для них установлюються різні властивості за допомогою інспектора об'єктів. Після розміщення всіх необхідних компонентів треба етап властиво програмування, тобто написання коду на C++ для різних подій. Варто звернути увагу, що у візуально спроектованому додатку C++Builder будь-який написаний програмістом код так чи інакше викликається з деякої процедури обробки події. У нашому проекті ми ввели програмний код у функції OnClick () для обох командних кнопок. Перша з них привласнює властивості Caption розташованої на формі мітки необхідний символьний рядок. Друга просто викликає функцію закриття форми Close ().

Після запуску й виконання програми її потрібно зберегти.

Команди роботи із проектом