Разработка приложения с графическим интерфейсом

Разработка приложения с графическим интерфейсом

Собери оконное приложение MiniPad по краткому ТЗ: многострочное поле, меню «Файл» и диалоги открытия и сохранения.

Сначала проектируют интерфейс и сценарий, потом пишут обработчики событий.

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

Создашь проект MiniPad_07 с многострочным TextBox, MenuStrip (Файл → Новый / Открыть / Сохранить / Выход), диалогами OpenFileDialog и SaveFileDialog; реализуешь четыре обработчика Click; сохранишь проект и повторно откроешь .pabcproj.

Перед началом

Работай в своей папке и соблюдай правила кабинета. При неисправности остановись и обратись к учителю. Нужна проверенная учителем среда PascalABC.NET под Windows с дизайнером Windows Forms.

Вспомни: форма, Button, Label, TextBox, событие Click уже знакомы. Сегодня новое — меню, стандартные диалоги и связка нескольких обработчиков в одном приложении.

Основа — § 5 учебника (этапы разработки, меню, диалоги, пример «Блокнот»). FontDialog и ColorDialog сегодня в резерве. Тестирование на ошибочных данных — урок 8. Имена Delphi (Memo, OpenDialog, Caption, OnClick) в комплекте заменяем на TextBox, OpenFileDialog, Text, Click.

Три этапа разработки

1. Спроектировать интерфейс — какие элементы на форме и какие у них свойства.
2. Описать сценарий — что делает пользователь и что должно произойти.
3. Написать алгоритмы обработчиков — код реакции на события.

Без сценария легко «нарисовать» форму и не знать, какой код писать. Без интерфейса сценарий остаётся словами. Без кода приложение не реагирует.

Многострочное текстовое поле

Для блокнота нужен textBox1 с свойствами:

Однострочное поле для заметок неудобно: Enter не переносит строку, а весь текст в одной линии.

Меню File через MenuStrip

Компонент MenuStrip создаёт главное меню. Каждый пункт меню — отдельный объект со свойством Text и событием Click.

Структура меню «Файл» для MiniPad:

Разделитель между группами пунктов в дизайнере задают строкой -.

Диалоги открытия и сохранения

OpenFileDialog и SaveFileDialog при работе приложения не видны на форме: они появляются только после вызова ShowDialog. Свойство FileName хранит выбранный путь.

openFileDialog1.ShowDialog;
s := openFileDialog1.FileName;
textBox1.Lines := ReadAllLines(s);
Text := 'MiniPad — ' + s;

saveFileDialog1.ShowDialog;
s := saveFileDialog1.FileName;
WriteAllLines(s, textBox1.Lines);
Text := 'MiniPad — ' + s;

На этом уроке достаточно вызвать диалог и работать с FileName. Проверку результата ShowDialog (отмена пользователем) и защиту от отсутствующего файла подробно разбираем на уроке 8.

Обработчики пунктов меню

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

Практика MiniPad

1. Создай проект Windows Forms и сохрани папку MiniPad_07 (07 — номер места).
2. Задай заголовок формы MiniPad.
3. Добавь textBox1: MultiLine = True, Dock = Fill, ScrollBars = Vertical.
4. Добавь menuStrip1 с меню «Файл» из четырёх пунктов.
5. Добавь openFileDialog1 и saveFileDialog1.
6. Напиши обработчики Click для всех четырёх пунктов.
7. Запусти: набери текст → Сохранить → Новый → Открыть тот же файл → Выход.
8. Сохрани проект и повторно открой .pabcproj.

Лист самопроверки

Проверь себя

1. Чем этап «сценарий» отличается от этапа «интерфейс»?
2. Какие три свойства TextBox нужны для блокнота и зачем каждое?
3. Что делает метод ShowDialog у OpenFileDialog?

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

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

§ 5, вопросы после параграфа. Письменно: 1) перечисли три этапа разработки оконного приложения; 2) какие свойства TextBox нужны для многострочного ввода; 3) что хранит FileName после диалога. По желанию доработай MiniPad (меню «Формат» с шрифтом/цветом) при доступе к Windows. Установка программ дома не требуется.

Источники

Котов В. М. и др. «Информатика. 11 класс», 2021: § 5 «Создание приложений». Электронное приложение: profil.adu.by. Среда: PascalABC.NET / Windows Forms.

MiniPad, листы и критерии — авторская адаптация; одиннадцать иллюстраций условные и не являются снимками среды.