Событие и процедура обработки события

Начало работы в Delphi


Вид экрана после запуска Delphi несколько необычен (смотри рисунок 1). Вместо одного окна на экране появляются четыре: главное окно Delphi, окно формы Form1, окно инспектора объектов Object Inspector и окно редактора кода Unit1.pas, которое почти полностью закрыто окном формы.

Событие и процедура обработки события - student2.ru

рисунок 1.

В главном окне Delphi (рисунок 2) находится меню команд Delphi, панель инструментов и палитра компонентов.
Окно формы Form1 представляет собой заготовку (макет) окна разрабатываемого приложения.

Событие и процедура обработки события - student2.ru

Рисунок 2

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

Форма приложения
Работа над новым проектом (так в Delphi называется разрабатываемое приложение) начинается с создания стартовой формы - окна, которое появляется при запуске приложения.

Примечание:

Диалоговое окно программы, которое открывается во время ее работы на этапе разработки программы, называется формой.

Стартовая форма создается путем изменения свойств (характеристик) формы Form1. Свойства формы определяют ее внешний вид: размер, положение на экране, текст заголовка, вид рамки. Свойства перечислены на вкладке Properties (Свойства) диалогового окна Object Inspector (Инспектор объектов) (рис. 3). В левой колонке находятся имена свойств, а в правой - их значения.

Событие и процедура обработки события - student2.ru

Рисунок 3. Замена значения свойства Caption


При создании формы в первую очередь следует изменить значение свойства Caption (Заголовок). В нашем примере надо заменить Form1 на Фунты-килограммы. Для этого необходимо щелкнуть мышью поле Caption. В результате в правой колонке, где находится текущее значение (Form1) свойства caption (Заголовок), появится курсор (рис 3). Используя клавишу <Backspase>, удалите Form1 и введите Фунты-килограммы.
Аналогичным образом можно установить значения свойств Height и width, которые определяют высоту и ширину формы. Этим свойствам надо присвоить значения 185 и 290.

Примечание:

Размер формы и ее положение на экране, а также размер и положение элементов управления на поверхности формы задаются в пикселах, т. е. точках экрана.

Размер формы можно изменить точно так же, как и размер любого другого окна Windows, т. е. захватом и перемещением (с помощью мыши) границы окна. По окончании перемещения границ автоматически изменятся значения свойств Height и width. Они будут соответствовать установленному размеру формы.
При выборе некоторых свойств, например, свойства Color (Цвет), определяющего цвет фона формы, справа от значения свойства выводится значок стрелка), указывающий на наличие раскрывающегося списка. Щелчок на
стрелке раскрывает список допустимых значений свойства, из которого о выбрать нужное значение.
Объекты, в том числе и формы, помимо обычных свойств могут иметь и сложные свойства. Перед именем сложного свойства стоит значок "плюс". При двойном щелчке на имени сложного свойства раскрывается список уточняющих свойств, а значок "плюс" меняется на "минус".
В поле значения сложного свойства Font расположена командная кнопка с тремя точками, при нажатии которой появляется стандартное диалоговое окно Windows, позволяющее выбрать шрифт и задать его параметры.
Большинство свойств определяют внешний вид формы. Свойство Name, определяющее имя формы, используется в программе для управления формой.
В табл. 2.1 приведены измененные свойства формы разрабатываемого приложения (программы перевода фунтов в килограммы). Остальные свойства формы оставлены без изменения и в таблице не приводятся.

Таблица 1. Свойства формы разрабатываемого приложения и их значения

Событие и процедура обработки события - student2.ru
Свойство Обозначение Значение
Событие и процедура обработки события - student2.ru
Имя формы Name Form1
Заголовок Caption Фунты-килограммы
Высота Height
Ширина Width
Шрифт Font.Name Arial
Размер шрифта Font.Size
Событие и процедура обработки события - student2.ru


В табл. 1 приведены значения вложенных свойств Name и size сложного свойства Font. Перед именем вложенного свойства указывается имя свойства, его вмещающего.
После установки значений свойств, перечисленных в табл. 1, форма принимает вид, изображенный на рис. 4.

Событие и процедура обработки события - student2.ru

Рисунок 4.

Компоненты формы
Программа пересчета веса из фунтов в килограммы должна получить от пользователя исходные данные - значение веса в фунтах. В Windows данные с клавиатуры вводятся в поля редактирования. Поэтому в форму надо добавить компонент - поле редактирования.
В Delphi поля редактирования, командные кнопки, поля статического текста и прочие элементы управления, находящиеся в форме, называются компонентами (компоненты формы). В программе форма и компоненты рассматриваются как объекты. Этим можно объяснить то, что окно, в котором находятся свойства компонентов, называется Object Inspector (Инспектор объектов).
Для того чтобы добавить в форму компонент, необходимо в палитре компонентов (рисунок 5) выбрать вкладку, щелкнуть пиктограмму нужного компонента, а затем щелкнуть левой кнопкой мыши в той точке формы, где дол-
жен находиться правый верхний угол компонента. В результате в форме является компонент стандартного размера.

Событие и процедура обработки события - student2.ru

Рис. 5. Вкладка Standard палитры компонентов содержит наиболее часто используемые компоненты


Для того чтобы добавить в форму компонент заданного размера, необходимо после выбора пиктограммы нужного компонента поместить курсор мыши в ту точку формы, где должен находиться левый верхний угол компонента Затем следует нажать левую кнопку мыши и, удерживая ее нажатой, переместить курсор в точку, где должен находиться правый нижний угол компонента, и отпустить кнопку мыши. В форме появится компонент нужного размера.
На рис. 6 представлен вид формы после добавления в нее поля редактирования (Edit1). Компонент формы, окруженный восемью маленькими квадратиками (маркерами), называется выделенным (маркированным). Для того чтобы выделить компонент, надо щелкнуть его мышью.

Событие и процедура обработки события - student2.ru

Рисунок 6.


Свойства маркированного компонента отображаются в диалоговом окне Object Inspector (Инспектор объектов). В табл. 2 перечислены основные свойства компонента - поле редактирования.


Таблица 2. Свойства компонента поле редактирования

Событие и процедура обработки события - student2.ru
Свойство Обозначение
Событие и процедура обработки события - student2.ru
Имя поля. Используется в программе для доступа к содержимому (тексту) поля Name
Текст, находящийся в поле ввода-редактирования Text
Расстояние от левой границы поля до левой границы формы Left
Расстояние от верхней границы поля до верхней границы формы Top
Высота поля Height
Ширина поля Width
Шрифт, используемый для отображения вводимого текста Font
Признак наследования свойств шрифта родительской формы ParentFont
Событие и процедура обработки события - student2.ru

Delphi предоставляет возможность изменить размер компонента и его положение на поверхности формы.
Для того чтобы изменить положение компонента, необходимо установить курсор мыши на его изображение, нажать левую кнопку мыши и, удерживая ее нажатой, переместить компонент в нужную точку формы, затем отпустить кнопку мыши. Во время перемещения компонента Delphi отображает текущие значения координат верхнего левого угла компонента (значения свойств Left и Tор).
Для того чтобы изменить размер компонента, необходимо его выделить, установить указатель мыши на один из маркеров, помечающих границу компонента, нажать левую кнопку мыши и, удерживая ее нажатой, изменить положение границы компонента. Затем отпустить кнопку мыши. Во время изменения размера компонента Delphi отображает его текущие размеры: высоту и ширину (значения свойств Height и width).
Свойства компонента так же, как и свойства формы, можно изменить при помощи инспектора объектов. Для того чтобы свойства требуемого компонента отображались в диалоговом окне Object Inspector (Инспектор объектов), необходимо выделить компонент или выбрать его имя в раскрывающемся списке в верхней части этого окна (прямо под заголовком).

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


Таблица 3, Значения свойств поля редактирования (Edit1)

Событие и процедура обработки события - student2.ru
Свойство (Name) Значение
Событие и процедура обработки события - student2.ru
Text  
Top
Left
Height
Width
Событие и процедура обработки события - student2.ru

Помимо полей редактирования окно формы должно содержать поясняющий текст: краткое информационное сообщение.
Текст, находящийся в форме, называют меткой. Метка добавляется в форму точно так же, как и поле редактирования. Значок компонента "метка" (буква А) находится на вкладке Standard (Стандартная) палитры компонентов (рис. 3). После того как метка добавлена в форму, можно изменить ее свойства в диалоговом окне Object Inspector (Инспектор объектов).
В форму разрабатываемого приложения надо добавить две метки. Первая метка будет представлять собой информационное сообщение. Вторая метка предназначена для вывода результата пересчета веса из фунтов в килограммы.
После добавления меток и установки значений их свойств, форма разрабатываемого приложения приобретает вид, представленный на рис. 7

Событие и процедура обработки события - student2.ru

Рисунок 7.

Таблица 4. Значения свойств меток Label1 и Label2

Событие и процедура обработки события - student2.ru
Свойство (Name) Значение метки Labe1 Значение метки Label2
Событие и процедура обработки события - student2.ru
Caption Введите вес в фунтах и щелкните на <Пересчет>  
AutoSize false false
Top
Left
Height
Width
Wordwrap true true
ParentFont true false
Событие и процедура обработки события - student2.ru

Свойство ParentFont (Наследование параметров шрифта родительской формы) метки Label2 имеет значение false. Поэтому свойство Font этой метки не наследует значения свойства Font "родителя", в данном случае основной формы. Это дает возможность установить свойства шрифта метки иные, чем у формы. У метки Label1 значение свойства ParentFont оставим без изменения.
Если свойство AutoSize (Автоматический подгон размера) имеет значение true, то Delphi автоматически устанавливает размеры метки в зависимости от количества символов текста метки, используемого шрифта и его размера.
При необходимости расположить текст метки в несколько строк следует свойству AutoSize присвоить значение false и вручную установить значения свойств, определяющих размер метки.
В завершение в форму надо добавить командную кнопку, при щелчке которой будет выполняться пересчет веса в фунтах, введенного в поле ввода, в вес в килограммах.
Кнопка добавляется в форму точно так же, как и другие компоненты. Пиктограмма командной кнопки (в виде кнопки ОК) находится на вклад Standard (Стандартная) палитры компонентов. После добавления командной кнопки в диалоговом окне Object Inspector (Инспектор объект необходимо установить требуемые значения ее свойств, которые представлены в табл. 5

Таблица 5. Значения свойств командной кнопки Button1

Событие и процедура обработки события - student2.ru
Свойство (Name) Значение кнопки
Событие и процедура обработки события - student2.ru
Caption Пересчет
Top
Left
Height
Width
Событие и процедура обработки события - student2.ru

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

Событие и процедура обработки события - student2.ru

Рисунок

Событие и процедура обработки события

Вид созданной формы подсказывает, как работает приложение. Очевидно, что пользователь должен ввести в поле редактирования значение веса в фунтах и щелкнуть на кнопку <Пересчет>. Щелчок на изображении командной кнопки - это пример того, что в Windows называется событием.

Событие - это то, что происходит во время работы приложения в Delphi у каждого события есть имя. Например, щелчок кнопкой мыши - это событие OnClick, двойной щелчок мышью - событие OnDblClick.

Таблица 6. События Windows

Событие и процедура обработки события - student2.ru
Событие Происходит
Событие и процедура обработки события - student2.ru
OnClick При щелчке кнопкой мыши
OnDblClick При двойном щелчке кнопкой мыши
OnEnter Перед тем, как элемент управления действительно получает фокус
OnError Когда элемент контроля обнаруживает ошибку и не может вернуть информацию об ошибке вызывающей программе
OnExit Непосредственно перед тем, как элемент управления теряет фокус
OnKeyDown При нажатии клавиши. События OnKeyDown и OnKeyPress - это чередующиеся, повторяющиеся события, которые происходят до тех пор, пока не будет отпущена удерживаемая клавиша.
OnKeyPress Когда пользователь нажимает клавишу, которая генерирует печатаемый символ. Может происходить также при одновременном нажатии клавиши печатаемого символа и клавиши <Ctrl>. Не происходит при нажатии клавиш <Tab>, <Enter> и клавиш перемещения курсора.
OnKeyUp При отпускании нажатой клавиши
OnMouseDown При нажатии кнопки мыши
OnMouseMove При перемещении мыши
OnMouseUp При отпускании кнопки мыши
Событие и процедура обработки события - student2.ru

Реакцией на событие должно быть какое-либо действие. Например, реакцией на событие OnClick, произошедшее на кнопке <Пересчет>, должен быть пересчет веса из фунтов в килограммы. В Дельфи реакция на событие реализуется как процедура обработки события. Таким образом, задача программиста состоит в написании необходимых процедур обработки событий. Методику создания подобных процедур рассмотрим на примере процедуры обработки события для командной кнопки.

Сначала необходимо выделить объект, для которого создается процедура обработки события. В нашем примере таким объектом является командная кнопка <Пересчет>. Затем следует выбрать вкладку Events (события) диалогового окна Object Inspector. На вкладке будет отображен список событий, которые способен воспринимать маркированный (выделенный) компонент. Список событий для наше командной кнопки приведен на рисунке 9.

Событие и процедура обработки события - student2.ru

Рисунок 9.

В левой колонке вкладки Events перечислены имена событий, на которые может реагировать маркированный объект. Если для события определена процедура обработки, то в правой колонке рядом с именем события выводится имя этой процедуры.

Для того, чтобы создать процедуру обработки события, необходимо выполнить двойной щелчок в поле имени процедуры обработки события (т.е. в правой колонке). В результате откроется окно редактора кода Unit1.pas (в Дельфи) кодом называется текст программы) с шаблоном процедуры обработки события (рисунок 10), который создается в Дельфи автоматически.

Событие и процедура обработки события - student2.ru

Рисунок 10.

Дельфи присваивает процедуре обработки события имя, которое состоит из двух частей. Первая часть имени идентифицирует форму, содержащую объект, для которого создается процедура обработки события. Вторая часть имени идентифицирует сам объект и событие. В нашем примере имя формы - Form1, имя командной кнопки - Button1, а имя события Click.

В окне редактора кода между begin и end можно печатать инструкции языка Object Pascal, реализующие процедуру обработки события. Ниже приведен текст процедуры обработки события OnClick для командной кнопки <Пересчет> :

procedure TForm1.Button1Click(Sender: TObject);
var
f:real; //вес в фунтах
k:real; //вес в килограммах

begin
f:=StrToFloat(Edit1.Text); //перевели содержимое Edit1 в число
k:=f*0.4059;
label2.Caption:=Edit1.text+' фунт(а/ов) это '+
FloatToStr(k)+' килограмм';
end;

[an error occurred while processing this directive]

Программа получает исходные данные из поля редактирования Edit1 путем обращения к свойству Text. Свойство Text содержит строку символов (текст), поэтому в программе для преобразования изображения числа в действительное число используется функция StrToFloat.

Вычисленное значение выводится программой в поле метки Label2 путем присвоения этого значения свойству Caption. Для преобразования действительного числа в его изображение (текст сообщения с результатом пересчета) используется функция FloatToStr.

Редактор кода

Редактор кода Дельфи автоматически выделяет ключевые (зарезервированные) слова языка программирования Object Pascal (begin, end, const, var и другие) полужирным шрифтом, что делает текст программы более выразительным и облегчает восприятие структуры программы.

Помимо ключевых слов редактор кода выделяет комментарии. Как только программист напечатает символ начала комментария (открывающую фигурную скобку - '{' ), так текст, стоящий после этой скобки, изменит свой вид и станет комментарием. При компиляции комментарии не учитываются, они нужны лишь для тех, кто будет просматривать код. После того как программист введет закрывающую скобку комментария, текст находящийся после этой скобки, приобретет обычный вид.

Наши рекомендации