§ 51. Программы с графическим интерфейсом

Определения и обозначения

Графический интерфейс пользователя — способ взаимодействия с программой через окна, кнопки, поля ввода и другие визуальные элементы. Он заменяет необходимость вводить команды вручную и помогает управлять программой привычными действиями, например щелчком мыши. Интерфейс нужен, чтобы пользователь мог передавать данные и получать результат в наглядной форме.

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

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

Обработчик события — часть программы, которая выполняется в ответ на событие. Обычно это функция, в которой описано нужное действие: например, прочитать введённое имя и показать его на экране. Без обработчика программа получит событие, но не выполнит полезную реакцию на него.

Как это устроено

Сначала создают главное окно с помощью графической библиотеки. Затем задают его заголовок, размер и, если нужно, положение на экране. Эти параметры определяют рабочую область приложения: заголовок помогает узнать окно, а размер влияет на то, сколько элементов в нём поместится. В Python для простого окна часто используют библиотеку Tkinter и создают объект главного окна.

В окно добавляют виджеты, причём при создании обычно указывают родительский элемент — окно или другой контейнер, внутри которого будет находиться виджет. Также задают свойства, например текст надписи или начальное содержимое поля ввода. Связь с родителем важна: она определяет, к какой части интерфейса относится элемент. Например, поле ввода, созданное для главного окна, будет частью именно этого окна.

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

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

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

Основные элементы графического интерфейса

При выборе элемента сначала определите, что должен сделать пользователь: прочитать данные, ввести их или запустить действие. Затем найдите подходящий виджет в таблице. Например, для ввода имени подойдёт поле ввода, а для запуска обработки — кнопка.

Разбор задач

Создать окно приложения с заданным заголовком и размером

Нужно получить окно, которое появляется при запуске программы и отличается от стандартного названием и размерами. Удобно решать задачу по порядку: сначала создать главное окно, затем настроить его свойства. В Tkinter для этого используют объект Tk и его методы настройки. После настройки окно должно перейти к ожиданию событий.

1. Подключите графическую библиотеку, например Tkinter.
2. Создайте главное окно вызовом Tk(). Этот объект будет родителем для остальных виджетов.
3. Задайте заголовок методом title, а размер — методом geometry, передав строку размеров в формате, который поддерживает библиотека.
4. Запустите цикл обработки событий методом mainloop(), чтобы окно оставалось открытым и реагировало на действия.

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

Разместить в окне надпись и поле ввода, чтобы пользователь мог ввести своё имя

Пользователю нужно увидеть подсказку и место, куда вводить имя. Значит, нужны два виджета: надпись и поле ввода. Их создают для главного окна, а затем размещают рядом или друг под другом с помощью средства компоновки. Размещение важно выполнить для каждого элемента отдельно.

1. Создайте главное окно, если оно ещё не создано.
2. Создайте надпись, например с текстом «Введите имя», указав главным окном её родителя.
3. Создайте поле ввода, также указав родителя. Оно будет принимать текст, который введёт пользователь.
4. Разместите оба виджета подходящим методом компоновки, например pack() в Tkinter.
5. Запустите цикл событий и проверьте, что оба элемента видны и в поле можно печатать.

Если виден только один элемент, проверьте создание и размещение второго, а также его родителя. Ответ: в окне отображаются поясняющая надпись и поле, куда пользователь может ввести имя.

Добавить кнопку, при нажатии на которую введённое имя отображается в надписи

Теперь интерфейс должен не только принимать данные, но и обрабатывать их. Для этого кнопке назначают обработчик, который прочитает значение поля и обновит надпись. Функцию-обработчик удобно определить до создания кнопки, чтобы при настройке кнопки её имя уже было известно. Сама функция выполнится не при создании кнопки, а только после нажатия.

1. Создайте надпись для результата и поле ввода имени, затем разместите их в окне.
2. Определите функцию-обработчик. Внутри неё получите текст из поля методом чтения, например get(), и обновите надпись методом изменения свойств, например config(text=...).
3. Создайте кнопку и укажите для неё текст, например «Показать».
4. Свяжите событие нажатия с функцией-обработчиком. В Tkinter имя функции передают без скобок: скобки вызвали бы её сразу.
5. Разместите кнопку и запустите цикл обработки событий.

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

Типичные ошибки

Виджет создают, но забывают разместить его в окне. Это происходит потому, что создание объекта и его отображение — разные шаги, и новичок может принять один за другой. Проверьте, вызван ли для каждого нужного элемента метод компоновки. Если элемента не видно, убедитесь также, что он создан для правильного родительского окна.

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

Код обращается к полю ввода или надписи не через тот метод или свойство, которое предусмотрено для виджета. Например, попытка прочитать текст способом, подходящим для другого элемента, может привести к ошибке или неверному результату. Сверьте, какой метод получает значение поля и какой обновляет надпись в используемой библиотеке. Проверяйте эти операции отдельно: сначала чтение введённого текста, затем изменение отображаемого текста.

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

Связь с другими темами

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

Что запомнить

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