logo
Методичка_Delphi_Ч1

Разработка интерфейса проекта

Первый шаг разработки приложения состоит в создании интерфейса. Добавьте на форму три компонента TEdit (поля, предназначенные для ввода исходных данных и вывода результата), два компонента TLabel (для изображения знака операции «+» и знака равенства «=»), а так же компонент TButton (кнопку для получения результата). Выравнивание компонентов по размерам(Size), расположению(Align) и другие функции редактировании интерфейса находятся в пункте Edit главного меню. Для того, чтобы выделить группу элементов, выделяйте их по очереди с клавишей Shift, или охватите выделяющим прямоугольником с помощью мыши.

В результате усилий по разработке интерфейса пользователя, окно должно приобрести вид, представленный на рисунке 1.8.

Рисунок 1.8 – Расположение компонент на форме

Следующий шаг разработки приложения заключается в настройке свойств компонент. Каждый компонент имеет по умолчанию определенный набор значений свойств. Однако некоторые из них приходится изменять. В таблице 1.2 перечислены свойства компонент, которые вы должны изменить.

Напомним, что свойства следует менять в окне Object Inspector (F11) на закладке Properties.

Таблица 1.2 – Настраиваемые свойства компонент проекта

Компонент

Свойство

Значение свойства

Form1

Caption

Простейший калькулятор

Label1

Font ->Size

16

Caption

+

Label2

Font ->Size

16

Caption

=

Edit3

ReadOnly

True

Button1

Caption

+

Font ->Size

16

Name

btnPlus

После изменения свойств, следует несколько изменить расположение компонент, в результате чего интерфейс приложения приобретает вид, представленный на рисунке 1.9.

Итак, интерфейс спроектирован, можно перейти к программированию приложения, которое заключается в написании процедур обработки событий и вспомогательных процедур и функций.

Рисунок 1.9 – Окончательный вид конструктора формы