Панель инструментов уже уверенно вошла в нашу жизнь. Трудно представить себе какой-нибудь хотя бы более-менее значащий проект без такой панели. Неко­торые считают, что меню достаточно, а некоторые, наоборот, обходятся только од­ной панелью инструментов. Однако практика показывает, что любое оконное при­ложение должно иметь и то и другое.

Панель инструментов чаще всего располагается сразу же под меню, но это не обязательно. Иногда удобно расположить ее вдоль какой-нибудь стороны окна (ле­вой, правой или нижней). В наших примерах мы будем располагать ее в основном сверху (классический вариант), как это делается в большинстве программ, напри­мер, MS Word.

Давайте создадим приложение, использующее панель инструментов. Установи­те на форму компонент controiBar с вкладки Additional и измените его свойство Align на alTop, чтобы растянуть компонент вдоль верхней кромки окна. Сразу же желательно изменить и свойство Autosize на true.

Компонент ControiBar не рассматривался, потому что в нем нет ничего особен­ного, но он хорош тем, что на него удобно располагать панели инструментов. Они автоматически становятся перемещаемыми внутри ControiBar. Это значит, что па­нели можно будет двигать по своему усмотрению. Ну а если свойство Autosize равно true, то компонент будет автоматически растягиваться и сужаться, когда вы будете выстраивать все панели в одну строку или в столбик.

Давайте теперь установим на компонент ControiBar одну панель TooiBar с вкладки Win32. Сразу же изменим одно его свойство. Дважды щелкните левой КНОПКОЙ МЫШИ ПО свойству EdgeBorders И измените СВОЙСТВО еЬТор на false. Это заставит исчезнуть оборку сверху панели.

Если ОС UNIX создавалась для профессионалов, то Windows создавалась для пользователей — непрофессионалов в области вычислительной техники, чтобы им легче было работать на компьютере. Потом она превратилась в ОС для всех, ну а сейчас Windows превратили в ОС для "чайников", которые с компьютером пол­ностью несовместимы. Так что теперь для успеха любой программы нужно обяза­тельно делать большое количество подсказок, потому что пользователи не любят читать инструкции и файлы помощи (знаю по себе), и любой человек должен разо­браться с программой без дополнительной информации.

Самым первым способом облегчения жизни неопытным пользователям стало использование строки состояния, т. е. компонента TStatusBar. Такие строки и сей­час широко используются, потому что просты в использовании и удобны в обра­щении. Именно с этим компонентом мы сейчас и познакомимся.

Установить этот компонент на форму — это еще не значит, что подсказки сразу же сами появятся на панели. Для полноценной работы надо выполнить следующее:

• у компонента, при наведении на который должна отображаться подсказка, в свойстве Hint должен быть занесен текст подсказки;
• если вы хотите, чтобы подсказка появлялась не только в строке состояния, но и над компонентом, то у него или у родительского окна в свойстве showHint нужно установить true.

Итак, пусть необходимо создать обработчик события на подсказки. Может, это звучит сложно, но на деле все просто. Создайте новое приложение и установите на него кнопку. Теперь в ее свойстве Hint напишите: "Это кнопка выхода".

Следующий компонент тоже достаточно сильно распространен. Попробуйте за­пустить Проводник Windows и посмотрите на появившееся окно. Слева есть дерево каталогов. Как работает такое дерево, мы уже разобрались. А вот справа находится список файлов в выделенной папке. Этот список как раз и хранится в компоненте TListview, с которым мы сейчас познакомимся.

Для этого напишем простейший файловый менеджер и заодно закрепим боль­шинство уже пройденного материала на практике. Но все это в следующем разделе этой главы, а сейчас остановимся только на основных свойствах компонента TListvew, чтобы легче было двигаться дальше.

У списка элементов очень много свойств, отвечающих за обрамление (внешний вид рамки) компонента. Не будем их все перечислять, потому что разных вариан­тов очень много. 

Сейчас мы рассмотрим свойство Data элементов дерева TreeView. Это очень удобное свойство, потому что в него вы можете записывать указатель на любые свои данные. На работу компонента это поле не влияет, это просто переменная, ко­торая есть у каждой ветви дерева, и вы можете использовать ее на свой вкус и цвет. Именно поэтому с помощью Data компонент превращается в мощнейшее оружие программирования.

Рассмотрим пример, в котором закрепим знания о компоненте TreeView, а также о структурах и о работе с файлами.

Создайте новый проект и главную форму, как показано на рис. В рабочей области формы располагаются:

• компонент TreeView, который нужно растянуть по левой стороне окна;
• компонент Panel с тремя кнопками: Создать, Удалить и Сохранить;
• четыре строки ввода с подписями для ввода имени, фамилии, адреса и e-mail.

В разделе type до объявления объекта формы опишем структуру NodeOptions, как это показано в листинге. Тут же объявим переменную— указатель на структуру. В ней будет четыре поля, которые соответствуют полям ввода на форме.

Обратите внимание на то, что все используемые строковые переменные объяв­лены с ограничением на размер в 255 символов. Это связано с тем, что мы готовим содержимое структуры для сохранения в файл. А так как строка имеет переменную длину, то в файл структура будет писаться неравномерно. Тут есть два выхода.

Сейчас нам предстоит познакомиться с достаточно сложным, но мощным ком­понентом — дерево элементов (Treeview). Любая более-менее большая программа обязательно использует этот компонент, потому что он очень удобен для отобра­жения древовидных данных.

Давайте сразу напишем пример и познакомимся с деревом на практике. Компо­нент Treeview достаточно сложный и с ним нужно знакомиться на реальном при­мере, чтобы увидеть все прелести работы с ним.

Создайте новый проект и поместите на него два компонента: Treeview и imageList. В список картинок imageList надо поместить пару любых изображе­ний, потом они пригодятся. А пока добавьте еще три кнопки (TButton):

• Добавить (в свойстве Name укажите AddButton);
• Добавить элемент (в свойстве Name укажите AddchiidButton);
• Удалить (в свойстве Name укажите DeiButton);
• Изменить заголовок (в свойстве Name укажите EditButton).

В результате у вас должна быть форма приблизительно такого вида, как показа­но на рис.