Пример разработки интерфейса
Д
обавление
новой формы осуществляется путем выбора
в главном меню пунктаFile→New→Form-DelphiforWin32. При этом создастся
новая форма, которая появится на экране.
При добавлении новой формы в проект она
встает в список автоматически создаваемых
форм. Для удаления формы из этого списка
нужно в главном меню выбрать пунктProject→Options.
Появится диалог представленный на
рисунке 6.10.
Рисунок 6.36 – Окно свойства проекта.
Для удаления формы из списка автоматически создаваемых форм нужно выбрать её в списке «Auto-createform» и нажать кнопку «>».
Создадим интерфейс, обладающий следующей функциональностью:
редактирование студентов;
редактирование книг;
выдача книг студентам.
Для этого создадим четыре формы.
Главная форма
Главная форма является основной рабочей формой всей программы. Пример интерфейса представлен на рисунке 6.11 и 6.12.
Рисунок 6.37 – Интерфейс выдачи студентам книг
Рисунок 6.38 – Интерфейс редактирования книг
Для её создания выполните следующие шаги:
Поместите на форму компонент TPageControl, настройте у него свойствоAlignравнымalClent, компонент займет все свободное место на форме.
Щелкнув правой клавишей мышки по компоненту TPageControlпоявится контекстное меню, в котором нужно выбрать пункт «NewPage», создастся новая страница.
Повторите действие пункта 2 для создания еще одной страницы.
Добавте на форму компонент TDBGrid, настройте у него свойствоAlignравнымalTop, компонент займет верхнюю часть страницы, также необходимо настроить свойствоHeigth – высота компонента.
Щелкните два раза по компоненту TDBGrid, появится новое окно (см. Рисунок 6 .39).
Р
исунок6.39 – Редактор отображаемых
полей
Для добавления поля нужно вызвать контекстное меню в котором выбрать пункт Addили нажать кнопкуIns.
Выберите созданное поле и в области инспектора и настройте свойства Caption(название столбца) иFieldname(название отображаемого поля).
Повторите пункты 6-7 столько раз, сколько необходимо создать полей.
Добавьте на форму компонент TPanel, настройте свойствоAlignравнымalTop, компонент займет место сразу за компонентомTDBGrid. Очистите свойствоCaptionу компонентаTPanel.
Добавьте на форму компонент TPanel, настройте свойствоAlignравнымalButom, компонент займет место внизу страницы. Очистите свойствоCaptionу компонентаTPanel.
Добавить еще один компонент TDBGrid. Настроить свойствоAlignравнымalClient, компонент займет все свободное место на форме.
Настройте у компонента добавленного в пункте 11 столбцы также как описано в пунктах 5-8.
Добавьте несколько компонентов TBitBtnна компонентыTPanelсогласно рисункам 6.11 и 6.12.
Для добавления пиктограмм, в проект нужно добавить компонент TImageList.
Добавление пиктограммы осуществляется путем двойного щелчка по компоненту TImageList, появится окно настройки изображений (см. Рисунок 6 .34). В этом окне нажмите кнопкуAdd, в появившемся диалоге выберите графический файл пиктограммы.
Для реализации действий нужно добавить компонент TActionManager. Настройте свойствоImages, хранящее пиктограммы.
Для добавления действий нужно два раза щелкнуть по компоненту TActionManager появится редактор действий (см. Рисунок 6 .35).
Для добавления действия нужно нажать клавишу Ins.
Для настройки свойства действия выберите его в редакторе действий, его свойства отобразятся в области инспектора. Свойства, которые нужно настроить представлены в таблице 6.35.
Таблица 6.44
Свойства действия
|
Название |
Описание |
|
Caption |
Отображаемое название |
|
Category |
Категория действия |
|
Name |
Имя действия |
|
ImageIndex |
Номер пиктограммы из компонента TImageList |
Также необходимо настроить событие, происходящее при выполнении действия. Для этого в области инспектора выберите вкладку Eventsи два раза щелкнуть по событиюOnExecute. Появиться редактор кода, в котором нужно записать код (см. пункт 6.7.5).
Нужно создать столько действий, сколько кнопок на форме.
Для назначения действия кнопки нужно выделить кнопку и в области инспектора и настроить свойство Action, выбрав то действие, которое должно происходить при нажатии кнопки.
Настройка интерфейса остальных форм выполняется по тому же принципу.