logo
Учебное пособие по циклу лабораторных работ Технологии разработки программного обеспечения

Главная форма

Главная форма является основной рабочей формой всей программы. Пример интерфейса представлен на рисунке 6.11 и 6.12.

Рисунок 6.37 – Интерфейс выдачи студентам книг

Рисунок 6.38 – Интерфейс редактирования книг

Для её создания выполните следующие шаги:

  1. Поместите на форму компонент TPageControl, настройте у него свойствоAlignравнымalClent, компонент займет все свободное место на форме.

  1. Щелкнув правой клавишей мышки по компоненту TPageControlпоявится контекстное меню, в котором нужно выбрать пункт «NewPage», создастся новая страница.

  2. Повторите действие пункта 2 для создания еще одной страницы.

  3. Добавте на форму компонент TDBGrid, настройте у него свойствоAlignравнымalTop, компонент займет верхнюю часть страницы, также необходимо настроить свойствоHeigth – высота компонента.

  4. Щелкните два раза по компоненту TDBGrid, появится новое окно (см. Рисунок 6 .39).

Рисунок6.39 – Редактор отображаемых полей

  1. Для добавления поля нужно вызвать контекстное меню в котором выбрать пункт Addили нажать кнопкуIns.

  2. Выберите созданное поле и в области инспектора и настройте свойства Caption(название столбца) иFieldname(название отображаемого поля).

  3. Повторите пункты 6-7 столько раз, сколько необходимо создать полей.

  4. Добавьте на форму компонент TPanel, настройте свойствоAlignравнымalTop, компонент займет место сразу за компонентомTDBGrid. Очистите свойствоCaptionу компонентаTPanel.

  5. Добавьте на форму компонент TPanel, настройте свойствоAlignравнымalButom, компонент займет место внизу страницы. Очистите свойствоCaptionу компонентаTPanel.

  6. Добавить еще один компонент TDBGrid. Настроить свойствоAlignравнымalClient, компонент займет все свободное место на форме.

  7. Настройте у компонента добавленного в пункте 11 столбцы также как описано в пунктах 5-8.

  8. Добавьте несколько компонентов TBitBtnна компонентыTPanelсогласно рисункам 6.11 и 6.12.

  9. Для добавления пиктограмм, в проект нужно добавить компонент TImageList.

  10. Добавление пиктограммы осуществляется путем двойного щелчка по компоненту TImageList, появится окно настройки изображений (см. Рисунок 6 .34). В этом окне нажмите кнопкуAdd, в появившемся диалоге выберите графический файл пиктограммы.

  11. Для реализации действий нужно добавить компонент TActionManager. Настройте свойствоImages, хранящее пиктограммы.

  12. Для добавления действий нужно два раза щелкнуть по компоненту TActionManager появится редактор действий (см. Рисунок 6 .35).

  13. Для добавления действия нужно нажать клавишу Ins.

  14. Для настройки свойства действия выберите его в редакторе действий, его свойства отобразятся в области инспектора. Свойства, которые нужно настроить представлены в таблице 6.35.

Таблица 6.44

Свойства действия

Название

Описание

Caption

Отображаемое название

Category

Категория действия

Name

Имя действия

ImageIndex

Номер пиктограммы из компонента TImageList

  1. Также необходимо настроить событие, происходящее при выполнении действия. Для этого в области инспектора выберите вкладку Eventsи два раза щелкнуть по событиюOnExecute. Появиться редактор кода, в котором нужно записать код (см. пункт 6.7.5).

  2. Нужно создать столько действий, сколько кнопок на форме.

  3. Для назначения действия кнопки нужно выделить кнопку и в области инспектора и настроить свойство Action, выбрав то действие, которое должно происходить при нажатии кнопки.

Настройка интерфейса остальных форм выполняется по тому же принципу.