
Начало работы в Delphi
Вид экрана после запуска Delphi несколько необычен (смотри рисунок 1). Вместо одного окна на экране появляются четыре: главное окно Delphi, окно формы Form1, окно инспектора объектов Object Inspector и окно редактора кода Unit1.pas, которое почти полностью закрыто окном формы.
рисунок 1.
В главном окне Delphi (рисунок 2) находится меню команд Delphi, панель инструментов и палитра компонентов. Окно формы Form1 представляет собой заготовку (макет) окна разрабатываемого приложения.
Рисунок 2
Первый проект Для демонстрации возможностей Delphi и технологии визуального проектирования займемся разработкой программы пересчета веса из фунтов в килограммы.
Форма приложения Работа над новым проектом (так в Delphi называется разрабатываемое приложение) начинается с создания стартовой формы - окна, которое появляется при запуске приложения.
Примечание:
Диалоговое окно программы, которое открывается во время ее работы на этапе разработки программы, называется формой.
Стартовая форма создается путем изменения свойств (характеристик) формы Form1. Свойства формы определяют ее внешний вид: размер, положение на экране, текст заголовка, вид рамки. Свойства перечислены на вкладке Properties (Свойства) диалогового окна Object Inspector (Инспектор объектов) (рис. 3). В левой колонке находятся имена свойств, а в правой - их значения.
Рисунок 3. Замена значения свойства Caption
При создании формы в первую очередь следует изменить значение свойства Caption (Заголовок). В нашем примере надо заменить Form1 на Фунты-килограммы. Для этого необходимо щелкнуть мышью поле Caption. В результате в правой колонке, где находится текущее значение (Form1) свойства caption (Заголовок), появится курсор (рис 3). Используя клавишу <Backspase>, удалите Form1 и введите Фунты-килограммы. Аналогичным образом можно установить значения свойств Height и width, которые определяют высоту и ширину формы. Этим свойствам надо присвоить значения 185 и 290.
Примечание:
Размер формы и ее положение на экране, а также размер и положение элементов управления на поверхности формы задаются в пикселах, т. е. точках экрана.
Размер формы можно изменить точно так же, как и размер любого другого окна Windows, т. е. захватом и перемещением (с помощью мыши) границы окна. По окончании перемещения границ автоматически изменятся значения свойств Height и width. Они будут соответствовать установленному размеру формы. При выборе некоторых свойств, например, свойства Color (Цвет), определяющего цвет фона формы, справа от значения свойства выводится значок стрелка), указывающий на наличие раскрывающегося списка. Щелчок на стрелке раскрывает список допустимых значений свойства, из которого о выбрать нужное значение. Объекты, в том числе и формы, помимо обычных свойств могут иметь и сложные свойства. Перед именем сложного свойства стоит значок "плюс". При двойном щелчке на имени сложного свойства раскрывается список уточняющих свойств, а значок "плюс" меняется на "минус". В поле значения сложного свойства Font расположена командная кнопка с тремя точками, при нажатии которой появляется стандартное диалоговое окно Windows, позволяющее выбрать шрифт и задать его параметры. Большинство свойств определяют внешний вид формы. Свойство Name, определяющее имя формы, используется в программе для управления формой. В табл. 2.1 приведены измененные свойства формы разрабатываемого приложения (программы перевода фунтов в килограммы). Остальные свойства формы оставлены без изменения и в таблице не приводятся.
Таблица 1. Свойства формы разрабатываемого приложения и их значения
|
Свойство |
Обозначение |
Значение |
|
||
Имя формы |
Name |
Form1 |
Заголовок |
Caption |
Фунты-килограммы |
Высота |
Height |
185 |
Ширина |
Width |
290 |
Шрифт |
Font.Name |
Arial |
Размер шрифта |
Font.Size |
10 |
|
В табл. 1 приведены значения вложенных свойств Name и size сложного свойства Font. Перед именем вложенного свойства указывается имя свойства, его вмещающего. После установки значений свойств, перечисленных в табл. 1, форма принимает вид, изображенный на рис. 4.
Рисунок 4.
Компоненты формы Программа пересчета веса из фунтов в килограммы должна получить от пользователя исходные данные - значение веса в фунтах. В Windows данные с клавиатуры вводятся в поля редактирования. Поэтому в форму надо добавить компонент - поле редактирования. В Delphi поля редактирования, командные кнопки, поля статического текста и прочие элементы управления, находящиеся в форме, называются компонентами (компоненты формы). В программе форма и компоненты рассматриваются как объекты. Этим можно объяснить то, что окно, в котором находятся свойства компонентов, называется Object Inspector (Инспектор объектов). Для того чтобы добавить в форму компонент, необходимо в палитре компонентов (рисунок 5) выбрать вкладку, щелкнуть пиктограмму нужного компонента, а затем щелкнуть левой кнопкой мыши в той точке формы, где дол- жен находиться правый верхний угол компонента. В результате в форме является компонент стандартного размера.
Рис. 5. Вкладка Standard палитры компонентов содержит наиболее часто используемые компоненты
Для того чтобы добавить в форму компонент заданного размера, необходимо после выбора пиктограммы нужного компонента поместить курсор мыши в ту точку формы, где должен находиться левый верхний угол компонента Затем следует нажать левую кнопку мыши и, удерживая ее нажатой, переместить курсор в точку, где должен находиться правый нижний угол компонента, и отпустить кнопку мыши. В форме появится компонент нужного размера. На рис. 6 представлен вид формы после добавления в нее поля редактирования (Edit1). Компонент формы, окруженный восемью маленькими квадратиками (маркерами), называется выделенным (маркированным). Для того чтобы выделить компонент, надо щелкнуть его мышью.
Рисунок 6.
Свойства маркированного компонента отображаются в диалоговом окне Object Inspector (Инспектор объектов). В табл. 2 перечислены основные свойства компонента - поле редактирования.
Таблица 2. Свойства компонента поле редактирования
|
Свойство |
Обозначение |
|
|
Имя поля. Используется в программе для доступа к содержимому (тексту) поля |
Name |
Текст, находящийся в поле ввода-редактирования |
Text |
Расстояние от левой границы поля до левой границы формы |
Left |
Расстояние от верхней границы поля до верхней границы формы |
Top |
Высота поля |
Height |
Ширина поля |
Width |
Шрифт, используемый для отображения вводимого текста |
Font |
Признак наследования свойств шрифта родительской формы |
ParentFont |
|
Delphi предоставляет возможность изменить размер компонента и его положение на поверхности формы. Для того чтобы изменить положение компонента, необходимо установить курсор мыши на его изображение, нажать левую кнопку мыши и, удерживая ее нажатой, переместить компонент в нужную точку формы, затем отпустить кнопку мыши. Во время перемещения компонента Delphi отображает текущие значения координат верхнего левого угла компонента (значения свойств Left и Tор). Для того чтобы изменить размер компонента, необходимо его выделить, установить указатель мыши на один из маркеров, помечающих границу компонента, нажать левую кнопку мыши и, удерживая ее нажатой, изменить положение границы компонента. Затем отпустить кнопку мыши. Во время изменения размера компонента Delphi отображает его текущие размеры: высоту и ширину (значения свойств Height и width). Свойства компонента так же, как и свойства формы, можно изменить при помощи инспектора объектов. Для того чтобы свойства требуемого компонента отображались в диалоговом окне Object Inspector (Инспектор объектов), необходимо выделить компонент или выбрать его имя в раскрывающемся списке в верхней части этого окна (прямо под заголовком). В табл. 3 приведены значения свойств поля редактирования, предназначенного для ввода веса в фунтах.
Таблица 3, Значения свойств поля редактирования (Edit1)
|
Свойство (Name) |
Значение |
|
|
Text |
|
Top |
48 |
Left |
24 |
Height |
24 |
Width |
121 |
|
Помимо полей редактирования окно формы должно содержать поясняющий текст: краткое информационное сообщение. Текст, находящийся в форме, называют меткой. Метка добавляется в форму точно так же, как и поле редактирования. Значок компонента "метка" (буква А) находится на вкладке Standard (Стандартная) палитры компонентов (рис. 3). После того как метка добавлена в форму, можно изменить ее свойства в диалоговом окне Object Inspector (Инспектор объектов). В форму разрабатываемого приложения надо добавить две метки. Первая метка будет представлять собой информационное сообщение. Вторая метка предназначена для вывода результата пересчета веса из фунтов в килограммы. После добавления меток и установки значений их свойств, форма разрабатываемого приложения приобретает вид, представленный на рис. 7
Рисунок 7.
Таблица 4. Значения свойств меток Label1 и Label2
|
Свойство (Name) |
Значение метки Labe1 |
Значение метки Label2 |
|
||
Caption |
Введите вес в фунтах и щелкните на <Пересчет> |
|
AutoSize |
false |
false |
Top |
8 |
96 |
Left |
24 |
24 |
Height |
33 |
49 |
Width |
209 |
121 |
Wordwrap |
true |
true |
ParentFont |
true |
false |
|
Свойство ParentFont (Наследование параметров шрифта родительской формы) метки Label2 имеет значение false. Поэтому свойство Font этой метки не наследует значения свойства Font "родителя", в данном случае основной формы. Это дает возможность установить свойства шрифта метки иные, чем у формы. У метки Label1 значение свойства ParentFont оставим без изменения. Если свойство AutoSize (Автоматический подгон размера) имеет значение true, то Delphi автоматически устанавливает размеры метки в зависимости от количества символов текста метки, используемого шрифта и его размера. При необходимости расположить текст метки в несколько строк следует свойству AutoSize присвоить значение false и вручную установить значения свойств, определяющих размер метки. В завершение в форму надо добавить командную кнопку, при щелчке которой будет выполняться пересчет веса в фунтах, введенного в поле ввода, в вес в килограммах. Кнопка добавляется в форму точно так же, как и другие компоненты. Пиктограмма командной кнопки (в виде кнопки ОК) находится на вклад Standard (Стандартная) палитры компонентов. После добавления командной кнопки в диалоговом окне Object Inspector (Инспектор объект необходимо установить требуемые значения ее свойств, которые представлены в табл. 5
Таблица 5. Значения свойств командной кнопки Button1
|
Свойство (Name) |
Значение кнопки |
|
|
Caption |
Пересчет |
Top |
56 |
Left |
184 |
Height |
25 |
Width |
75 |
|
Окончательный
вид формы разрабатываемого приложения
пересчета веса из фунтов в килограммы
представлен на рис. 8
Рисунок