Размещение необходимых компонент
Разместим на нашей форме компонент ToolBar, при этом установим свойство Align как alTop, тем самым привязав компонент ToolBar к верхней части формы. Теперь можно создовать кнопки на чистой панели, для этого сделаем следующее:
кликнем правой кнопкой мыши на ToolBar1, в появившемся контекстном меню выбераем пункт "New Button", в результате появится первая кнопка;
снова вызовем контекстное меню и выберем пункт "New Separator"
далее после сепаратора создадим ещё 3 кнопки(для этого примера достаточно).
В вашем собственном приложении, Вы можите создовать и разделять(при помощи сепаратора) кнопки в любом количестве.
Для оформления кнопок рисунками, разместим на форме компонент Imagelist, кликнув правой кнопкой мыши на ImageList1 выберем пункт ImageList Editor..., это вызовет появление окна редактора ImageList(рис. 1.)
рис. 1.
Назначение кнопок диалога ImageList Editor:
Add-добавить рисунок в список,
Delete-удалить рисунок,
Clear-очистить весь список,
Export-сохранить весь набор рисунков в файле,
OK-подтвердить выбор,
Cancel-отменить,
Apply-применить,
Help-помощь.
Выберем рисунки соответствующие темам: выход, новый, открыть, сохранить. После этого нажмем кнопку "OK".
Далее в свойстве Images компонента ToolBar1 выберем элемент ImageList1, тем самым разместив рисунки из ImageList1 на кнопках панели ToolBar1. Если порядок расположения рисунков на кнопках Вас не устраивает, то в свойстве ImageIndex, непосредственно самих кнопок панели ToolBar1, можно реорганизовать расположения на кнопках рисунков, изменяя это свойство для каждой кнопки отдельно.
Для оформления нашей панели нам осталось разместить подсказки на каждой кнопке. Для этого свойству ShowHint каждой кнопки присвоим значение true, а свойству Hint значения: "Выход", "Новый", "Открыть", "Сохранить", каждой кнопке соответственно.
Как привязать кнопки к конкретным действиям рассказано в следующей главе.
назад Оглавление далее