Визуальная среда разработки. Форма и её свойства

Визуальная среда разработки. Форма и её свойства

От пустого окна к сохранённому проекту, который отвечает на щелчок.

Учебная иллюстрация устройства оконного приложения.

Результат урока

Создашь проект Windows Forms в PascalABC.NET, настроишь форму, проверишь её реакцию на щелчок и снова откроешь сохранённый проект.

Подготовка рабочего места

Работай с разрешения учителя. Проверь посадку и свободное место для тетради. Не трогай кабели и разъёмы. При неполадке остановись и обратись к учителю.

Для основной практики нужен компьютер с Windows и установленной средой PascalABC.NET. Установку заранее проверяет учитель. Браузерная демонстрация ниже помогает понять свойства и события; она не создаёт проект PascalABC.NET.

Вспомни предыдущий урок. У кнопки есть текст, а щелчок может запустить обработчик. Что в этом описании является свойством, а что — событием?

Проект состоит из связанных файлов

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

Один проект — одна папка со всеми его файлами. Изображение условное.

Состав и имена вспомогательных файлов зависят от версии среды. Не удаляй их по одному. Файл .exe предназначен для запуска готового приложения; для продолжения разработки сохраняй исходную папку проекта.

Первый проект

1. Создай отдельную папку в указанном учителем месте.
2. В PascalABC.NET выбери Файл → Новый проект → Приложение Windows Forms. В версии из учебника пункт подписан «Приложение Windows Form».
3. Укажи созданную папку. После изменений используй Сохранить все.

У каждого элемента среды своя задача

Условная схема, не снимок PascalABC.NET. Расположение панелей в установленной версии может отличаться.

Форма. Основа окна будущего приложения. В конструкторе на ней размещают компоненты.

Инспектор объектов. Показывает свойства и события выбранного объекта. Сначала выбери форму, затем меняй её свойства.

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

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

Проверка внимания. Ты хочешь изменить заголовок окна. Как убедиться, что инспектор показывает свойства формы, а не другого объекта?

Свойство задаёт конкретную характеристику

Сначала объект, затем его свойство и новое значение.

Чтобы изменить видимый заголовок, достаточно Text. Изменение (Name) затрагивает имя объекта в программе, поэтому в этой работе сохраняем Form1.

Размер и положение — разные свойства

Width задаёт ширину, Height — высоту. Числа вводим в отдельные поля раскрытого свойства Size.

Для примера учителя установи Width = 480, Height = 300. Это размер окна; внутренняя рабочая область меньше из-за рамки и заголовка. Отображение также зависит от масштаба Windows.

Location меняет положение верхнего левого угла окна, сохраняя его размер.

Для заданной начальной позиции дополнительно выбери StartPosition = Manual, затем настрой X и Y. При другой стартовой позиции расположение может выбирать система. На этом уроке настройка позиции — дополнительное задание.

Дизайнер задаёт начало, обработчик — реакцию

Проектирование и выполнение приложения — два разных этапа.

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

1. Выбери форму и открой вкладку События в инспекторе.
2. Найди Click. Дважды щёлкни по пустому полю справа от этого события.
3. Среда создаст процедуру обработчика и откроет код. Между её begin и end; добавь одну строку:

BackColor := Color.Red;

Сохрани все файлы, запусти проект и щёлкни по свободной области формы. Затем закрой запущенное окно.

Типичная ошибка. Двойной щелчок по самой форме в дизайнере обычно создаёт обработчик Load. Он выполняется при загрузке формы. Для реакции на щелчок выбирай именно Click в инспекторе.

Проверь связь свойств и запуска

Это упрощённая браузерная модель, а не PascalABC.NET. Размеры показываются в учебном масштабе. Здесь меняем свойства, запускаем модель и наблюдаем реакцию. Код Pascal в браузере не компилируется.

Открыть браузерную демонстрацию формы. Это учебная модель, которая не создаёт проект PascalABC.NET.

После запуска щёлкни по свободной области. Закрой модель и снова запусти. Какие значения сохраняются в дизайнере, а какие меняются только во время выполнения?

«Моя первая форма»

Перед практикой переведи взгляд на удалённый предмет и расслабь кисти. Работай в PascalABC.NET. Если работаешь в паре, смени роль после настройки формы; каждый заполняет свой лист наблюдений.

1. Создай проект Windows Forms в папке FirstForm_номер_места.
2. Установи Text = Моя первая форма, Width = 520, Height = 320, BackColor = LightYellow. Сохрани имя Form1.
3. Выполни Сохранить все. Запусти проект и проверь начальный вид. Закрой запущенное окно.
4. Создай для формы обработчик Click. Внутри созданной процедуры добавь BackColor := Color.Green;.
5. Сохрани все файлы и выполни четыре проверки из таблицы. Сначала запиши прогноз, затем реальное наблюдение.
6. Закрой приложение, сохрани проект. Закрой проект в среде и открой его через Файл → Открыть проект, выбрав свой файл .pabcproj. Повтори проверку запуска и щелчка.

Дополнительно: задай StartPosition = Manual, Location.X = 120, Location.Y = 80 и проверь стартовую позицию. Это не обязательный пункт оценки.

Что показать учителю

Папку проекта с исходными файлами, повторный запуск после открытия .pabcproj и собственную таблицу наблюдений.

Шесть критериев по одному баллу: целая папка и повторное открытие; заголовок; ширина и высота; начальный цвет; реакция именно на Click; заполненные реальные наблюдения.

Проверка сохранения — повторное открытие

Сохраняй исходную папку проекта целиком и проверяй её повторным открытием.

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

Если Windows или PascalABC.NET недоступны. Используй браузерную демонстрацию для наблюдений и бумажный вариант из плана. Отметь в листе: «Проект PascalABC.NET не создан». За выполнение модели нельзя начислять балл за сохранение настоящего проекта.

Три самостоятельных объяснения

1. Нужно изменить видимый заголовок окна. Какое свойство ты выберешь и чем оно отличается от (Name)?
2. Форма становится фиолетовой сразу при запуске, хотя должна меняться после щелчка. Какие настройки и обработчики проверишь?
3. Для продолжения разработки тебе прислали только .exe. Чего не хватает и какой файл нужно открыть в среде?

Показать ответ после выполнения

Домашнее задание

Прочитай § 2, страницы 10–15. Подготовь ответы на вопросы 1–6 на странице 14. Умей объяснить состав проекта, назначение инспектора объектов и отличие настройки свойства от реакции на событие.

По желанию, если среда доступна: упражнение 3 на странице 15 — изменение цвета по MouseEnter и MouseLeave. Устанавливать программы дома для обязательного задания не требуется.

Источники и обозначения

Учебная последовательность: Котов В. М. и др. «Информатика. 11 класс», 2021, § 2, с. 10–15. Электронная копия печатного учебника. Точные свойства формы: документация Microsoft Windows Forms — Size, StartPosition, Click. Среда: PascalABC.NET.

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