1. Встановити на формі компонент ControlBar1. Встановити з використанням Інспектора об’єктів значення alTop його властивості Align. Тимчасово встановити висоту компоненту більшу, ніж це необхідно, наприклад 150 точок, щоб було зручно додавати в неї підпорядковані панелі.
2. Додати в панель інструментів три панелі типу Panel та одну кнопку SpeedButton. Встановити їх розміри, як зазначено в табл.1. Розташувати ці компоненти в окремих рядках. В противному випадку розміри для деяких компонентів можуть бути встановлені некоректно, оскільки панелі будуть обрізані під розмір контейнера ControlBar1.
Таблиця 1. Параметри панелей
Назва
Призначення
Розміри (Width, Height)
Panel1
Характеристика шрифту
(462,22)
Panel2
Відступи
(406,22)
Panel3
Undo/Redo
(106,22)
SpeedButton1
Кнопка “Нумерація”
(50,22)
3. Оскільки в даному проекті буде багато однакових елементів керування, то має сенс змінити назви компонентів, які встановлені візуальним побудовником за замовчуванням. Це не обов’язково робити для панелей та надписів, тому що програма не звертатиметься до них під час роботи. Однак просто необхідно мати зрозумілі назви для кнопок та решти компонентів, які не є контейнерами. Зручно застосовувати назви компонентів, які складаються з префікса, що вказує на тип компоненту, та основної частини, що визначає його призначення. Рекомендовані префікси для компонентів наведені в табл.2.
Таблиця 2. Список рекомендованих префіксів для компонентів
Компонент
Префікс
Компонент
Префікс
ComboBox
Cb
Edit
e
SpeedButton
Sb
LabeledEdit
e
ColorBox
Clb
RadioButton
rb
В програмі буде використано декілька компонентів UpDown. Однак звернення до них під час виконання програми не вимагається, тому їх назви можна залишити без змін.
4. У відповідності до прийнятого принципу побудови імен елементів керування змінити назву компоненту SpeedButton1на sbNumbering, оскільки він призначений для призначення абзацу елементом списку.
5. Під час переміщень компонентів в середині панелі інструментів їх розміри змінюються. Для усунення цього недопустимого недоліку слід використати властивості Constraints кожного з компонентів, які містяться в панелі ControlBar1. Максимальна та мінімальна ширина кожного з них повинна відповідати початковому значенню ширини. Тобто значення в поля MaxWidth та MinWidthвластивості Constraintsцих компонентів повинні співпадати зі значенням властивості Width. Після таких призначень буде неможливо перемістити компонент на нове місце, якщо його розміри не дозволяють це зробити.
6. Встановити властивості AutoSize компонента ControlBar1 значення true. Тепер він буде розташовуватися в верхній частині вікна (як і раніше), але його висота буде автоматично визначатися розташуванням панелей, які містяться в даному контейнері.
7. Використовуючи візуальний побудовник, за допомогою миші розташувати компоненти таким чином, як показано на рис.2.
Рис.2.Настройка панелей інструментів
Ширина форми під час виконання цієї операції повинна дозволяти таке розташування компонентів. Для цього тимчасово її можна зробити більш широкою, ніж це потрібно.
8. За звичай, компоненти, які містяться в панелі інструментів, не повинні мати трьохвимірного вигляду, оскільки це негативно відбивається на зовнішньому вигляді інтерфейсу та зменшує область панелей, призначених для "інструментів" – елементів керування. Тому слід змінити значення властивості BevelOuter компонентів Panel1, Panel2, Panel3 для надання їм плаского ("flat") стилю на значення bvNone. Властивості Flat компоненту sbNumberingслід встановити значення true. Під час візуальної розробки значення властивості Flat не враховується. Тому для перевірки поведінки кнопки слід запустити проект.