4. Пример разработки проекта приложения

Рассмотрим процесс проектирования приложения на примере. Проектируемое приложение предназначено для решения следующей задачи: набранный в строке текст при нажатии кнопки Add должен помещаться в список строк, упорядоченный по алфавиту (в лексикографическом порядке).

4.1. Определение компонентов, используемых в приложении

Решить задачу можно с помощью трех стандартный компонентов (см. приложение 2 к лабораторной работе): строки редактирования Edit, в которой будет набираться текст; обычной кнопки Button; обычного списка ListBox, в который будет помещаться строка с набранным текстом при нажатии кнопки.

Набираемый текст становится значением свойства Text компонента Edit. Надпись на кнопке является значением свойства Caption компонента Button. Упорядочение (сортировка) строк в алфавитном порядке задается свойством Sorted компонента ListBox, которому нужно присвоить значение True.

Нажатие обычной кнопки Button задается щелчком мышью на ней и сопровождается генерацией события OnClick, которое должно обрабатываться соответствующей процедурой. Обработка события состоит во включении значения свойства Text компонента Edit в список строк компонента ListBox, представленный свойством Items.

4.2. Размещение компонентов в форме

Для размещения компонентов в форме нужно выполнить ряд операций, приведенных в табл. П1 (см. приложение 1 к лабораторной работе):

1) выбрать компонент Edit из палитры и поместить его в форму;

2) выбрать компонент ListBox из палитры и поместить его в форму;

3) выбрать компонент Button из палитры и поместить его в форму.

В результате в форме окажутся три компонента с именами Edit1, ListBox1 и Button1 (рис.3).

Р ис.3. Форма с размещенными компонентами.

4.3. Настройка компонентов

Настройка компонента заключается в установке или в изменении его свойств и написании обработчиков событий. Начнем настройку с компонента Edit1;

1) в форме выберем компонент Edit1, щелкнув мышью на нем;

2) в окне инспектора объектов на странице свойств (Properties) найдем свойство Text и установим значение этого свойства, равным пустой строке. Для этого нужно щелкнуть мышью в строке со свойством Text и, нажимая на клавишу Backspace, стереть текст Edit1, содержащийся в этой строке.

Для настройки компонента ListBox1 нужно:

1) в форме выбрать компонент ListBox1, щелкнув мышью на нем;

2) в окне инспектора объектов на странице свойств (Properties) найти свойство Sorted и, дважды щелкнув мышью в соответствующей строке, изменить значение этого свойства из False в True.

Для настройки компонента Button1 нужно:

1) в форме выбрать компонент Button1, щелкнув мышью на нем;

2) в окне инспектора объектов на странице свойств (Properties) найти свойство Caption и, после щелчка мышью в соответствующей строке, с помощью клавиатуры заменить значение свойства Caption, равное Button1, значением Add;

3) в окне инспектора объектов выбрать страницу событий (Events), щелкнув мышью на ее ярлычке;

4) на странице событий найти строку, соответствующую событию OnClick, и сделать двойной щелчок мышью в пустом поле этой строки;

5) в окне редактора (см. рис.1), начиная с позиции, отмеченной мигающим курсором, набрать оператор

ListBoxl.Items.Add (Edit1.Text)

который обеспечит включение текста, набранного с клавиатуры в компоненте Edit1, в список Items компонента ListBoxl.

Для перехода из окна редактора к форме нужно щелкнуть мышью на заголовке формы.