Print bookPrint book

§ 2. Визуальная среда разработки программ

Site: Профильное обучение
Course: Информационные технологии. 11 класс (Базовый уровень)
Book: § 2. Визуальная среда разработки программ
Printed by: Guest user
Date: Monday, 11 November 2024, 12:15 AM

2.1. Структура проекта

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

  • файл формы (1), содержащий описание внешнего вида окна приложения;
  • файл программного модуля (2), содержащий описание функций-обработчиков для объектов, размещенных на форме;
  • файл проекта (3), позволяющий связать структурные элементы проекта между собой.

( Рассмотрим пример 2.1) 

Файлы одного проекта обычно хранятся внутри отдельной папки. При компиляции приложения создается папка Win32 (или Win32=win32), в которой будет сохранен файл с расширением exe и именем, совпадающим с именем проекта. Этот файл запустит работающее приложение без загрузки среды программирования. (Как скомпилировать приложение, чтобы его можно было запустить на компьютере, на котором не установлена среда программирования Delphi, см. в Приложении.)

Для создания проекта в среде Delphi нужно выполнить команды

File New ► Windows VCL Applications – Delphi

(пример 2.2).

После создания необходимо сохранить все файлы проекта (пример 2.3).

Пример 2.1. Файлы проекта:

Пример 2.2. Создание проекта в Delphi:

Пример 2.3. Сохранение файлов и выполнение проекта:

  1. Создать папку с именем Primer1.
  2. Сохранить проект: File → Save Project As…
  3. Дать программному модулю имя for_primer1 (расширение pas приписывается автоматически).
  4. Дать проекту имя Primer1 (расширение dproj приписывается автоматически).
  5. Запустить проект на выполнение (кнопки  на панели быстрого доступа или клавиша F9).

Вид окна приложения:

2.2. Интерфейс среды программирования

Полное окно среды программирования Delphi можно посмотреть в Приложении.

Рассмотрим основные элементы.

Основное меню и панель быстрого доступа (пример 2.4) содержат основные команды для управления проектом: сохранение, загрузка, выполнение и др.

Форма (пример 2.5) служит для визуального отображения окна приложения. Во время проектирования приложения на форме отображается точечная сетка, позволяющая выравнивать помещаемые на форму компоненты.

Инспектор объектов (пример 2.6) отображает свойства (или события) выбранного объекта.

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

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

Палитра компонентов (пример 2.7) содержит список визуальных компонентов, объединенных в группы. Раскрытие группы происходит по щелчку на значок  

Пример 2.4. Меню и панель быстрого доступа:

Пример 2.5. Форма:

Пример 2.6. Инспектор объектов. Отображаются свойства формы:

Пример 2.7. Палитра компонентов:

2.3. Работа с формой

Форма является объектом и служит для визуального отображения окна приложения. Как любой объект, форма обладает свойствами (пример 2.8).

Свойство

Назначение

Caption

Заголовок (внешнее имя) формы отображается в строке заголовка окна при запуске приложения. По умолчанию — Form1

Color

Цвет формы. Может быть выбран один из стандартных (перечислены в списке) или задан вручную, максимальное значение 16777215 (2563 – 1)

Height

Высота формы

Weight

Ширина формы

Left

Горизонтальная координата положения верхнего левого угла окна формы на экране

Top

Вертикальная координата положения верхнего левого угла окна формы на экране

Name

Имя (внутреннее) формы. Используется в программном коде для обращения к объекту. Является идентификатором

Для создания обработчика событий формы нужно в инспекторе объектов перейти на вкладку Events, выбрать событие. Процедура-обработчик генерируется автоматически при двойном клике мышью в пустой строке напротив выбранного события. После этого среда переключается на страницу, на которой пишется код (пример 2.9).

Имя процедуры-обработчика состоит из названия компонента, над которым происходит событие, и названия события (FormClick).

Для переключения между окном программного кода и конструктором дизайна формы можно воспользоваться следующими возможностями:

  • кнопка   на панели быстрого доступа;
  • клавиша F12;
  • вкладки Code и Design в нижней части окна приложения: 

При создании процедур-обработчиков свойства объектов можно изменять путем написания программного кода. Обращение к свойствам объекта происходит с использованием знака «.». Сначала указывается имя объекта, затем, после точки, имя свойства. Например, для установки цвета формы нужно записать следующую команду:

Form1.Color := clAqua;

Система Delphi позволяет упростить ввод сложных имен в код программы. После того как вы наберете Form1, на экране появится список со всеми свойствами и методами, которые относятся к объекту Form1 (пример 2.10).

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

Этапы выполнения задания

    1. Перейти на вкладку Events в окне инспектора объектов.
    2. Выполнить двойной щелчок в поле напротив события OnClik.
    3. В окне редактора кода, в процедуре TForm1.FormClick(Sender: TObject); вписать команду Form1.Color := clRed;
    4. Сохранить изменения в проекте.

Пример 2.8. Изменение свойств формы в инспекторе объектов:

Свойство

Значение

Caption

Пример 1

Color

clAqua (выбрать из списка)

Height

250

Weight

250

Left

200

Top

200

После изменения значений свойств в инспекторе объектов изменится внешний вид формы:

Пример 2.9. Создание обработчика события OnClick (клик левой клавишей мыши) для формы.

1. Выбор события в инспекторе объектов:

2. Окно программного кода со вставленным обработчиком:

Пример 2.10. Подсказка системы при вводе свойств объекта:

Если вы введете первые буквы названия свойства (метода), то в списке останутся только те свойства и методы, названия которых начинаются на эти буквы. После этого нужное свойство можно вставить в программу щелчком мыши или нажатием клавиши Enter. Если список не появился, его можно вызвать комбинацией клавиш Ctrl + пробел.

Пример 2.11. Код процедуры-обработчика:

procedure TForm1.FormClick(Sender: TObject);

begin

   Form1.Color := clRed;

end;

 

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

Форма после запуска проекта:

Форма после щелчка мыши по ней:

Вопросы к параграфу

1. Какие элементы среды Delphi отображаются на экране при загрузке среды?

2. Какие файлы входят в состав приложения, создаваемого в Delphi?

3. Для чего предназначена форма?

4. Для чего используют инспектор объектов?

5. Какие свойства форм вы можете назвать?

6. Как создать обработчик события?

Упражнения

  

1. Внесите изменения в проект из примера 2.11 так, чтобы цвет формы менялся случайно. Для задания цвета случайным образом можно воспользоваться функцией RGB(random(256), random(256), random(256)).

2. Создайте проект, в котором при двойном клике мыши по форме ее размеры будут увеличиваться на 5.

    1. Создайте и сохраните в новой папке проект.
    2. Измените свойство Caption у формы на Упражнение 2.
    3. Создайте обработчик события мыши OnDblClick.
    4. Для изменения ширины и высоты можно воспользоваться командами:
      Form1.Width := Form1.Width + 5;
      Form1.Height := Form1.Height +5;
    5. Сохраните изменения в проекте.
    6. Запустите проект и проверьте его работу.

3. Создайте проект, в котором цвет формы будет меняться при наведении на нее мышки, например, с желтого на зеленый.

    1. Измените свойство Caption у формы на Упражнение 3.
    2. Установите желтый цвет формы.
    3. Создайте обработчики для двух события мыши: OnMouseEnter и OnMouseLeave.
    4. В коде события OnMouseEnter установите зеленый (clGreen) цвет формы, а коде события OnMouseLeave — желтый (clYellow).
    5. Сохраните изменения в проекте.
    6. Запустите проект и проверьте его работу.