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

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

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

  • файл формы (1), содержащий описание внешнего вида окна приложения;

  • файл программного модуля (2), содержащий описание функций-обработчиков для объектов на форме;

  • файл  проекта  (3),  позволяющий связать  структурные  элементы  проекта между собой.

Для  создания  проекта  в  среде PascalABC.Net  нужно  выполнить  команды Файл → Новый проект → Приложение Windows Form

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

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

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

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

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

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

В  нижней  части  инспектора  объектов  размещено  описание  выбранного свойства или обработчика событий.

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

Пример 2.11

  1. Создать новый проект

  2. Изменить  свойства  формы в инспекторе объектов.

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

    1. Перейти на вкладку Events в окне  инспектора  объектов.

    2. Выполнить двойной щелчок в поле  напротив  события  OnClik.

    3. В  окне  редактора  кода  в  процедуре 

Form1.Form1_Click(sender: Object;  e: EventArgs);

вписать  команду 

BackColor := Color.Red;

  1. Сохранить  изменения  в  проекте.

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

Упражнения

  1. Внесите  изменения  в  проект  из  примера  2.11  так,  чтобы  цвет  формы  менялся случайно. Изменять цвет можно с помощью функции FromArgb. У этой функции четыре параметра: прозрачность  (альфа-канал,  интенсивность  красного  цвета,  интенсивность зеленого цвета, интенсивность синего цвета). Генерация случайных чисел происходит следующим образом. Сначала создается переменная, являющаяся объектом класса  Random  (команда  var rnd: Random := new Random();).  Каждое  новое  случайное  число  можно  получить,  обращаясь  к  методу  next(x),  где x  задает  полуинтервал [0, x).  Команда  смены  цвета  будет  выглядеть  следующим  образом:

BackColor := Color.FromArgb(255, rnd.next(256), rnd.next(256), rnd.next(256));

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

    1. Продолжите работу с проектом предыдущего упражнения.

    2. Создайте обработчик события мыши DblClick.

    3. Для  изменения  ширины  и  высоты  формы  можно  воспользоваться командами: 

Width := Width + 5;

Height := Height + 5;

    1. Сохраните изменения в проекте.

    2. Запустите проект и проверьте его работу.

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

    1. Продолжите работу с проектом предыдущего упражнения.

    2. Установите желтый цвет формы.

    3. Создайте  обработчики  для  двух  событий  мыши:  MouseEnter  и MouseLeave.

    4. В коде события MouseEnter установите зеленый (Green) цвет формы, а коде события MouseLeave — желтый (Yellow).

    5. Сохраните изменения в проекте.

    6. Запустите проект и проверьте его работу.