18.2. Элементы графического пользовательского интерфейса

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

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

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

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

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

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

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

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

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

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

Назначение элемента можно определить по его виду и состоянию. Кнопка обычно выглядит как прямоугольник с надписью и запускает действие, поле ввода принимает текст, а флажок меняется между состояниями «включён» и «выключен». Переключатели объединяются в группу, чтобы оставить выбранным только один вариант.

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

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

Разбор задач

Задача 1. Нужно назвать элементы интерфейса на изображении рабочего стола: значки, панель задач, кнопку меню и указатель мыши. Сначала следует не угадывать назначение объекта, а определить его по виду и месту на экране.

1. Небольшие изображения с подписями на рабочей области назвать значками.
2. Длинную полосу с кнопками открытых программ определить как панель задач.
3. Элемент на панели, открывающий список команд, назвать кнопкой меню.
4. Стрелку, которая перемещается при движении мыши, назвать указателем мыши.

Ответ: на изображении найдены значки, панель задач, кнопка меню и указатель мыши.

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

1. Дважды щёлкнуть по значку папки, чтобы открыть её окно.
2. Перетащить границу или угол окна, изменяя его размер.
3. Нажать кнопку сворачивания, чтобы убрать окно с экрана, но оставить папку открытой.
4. Щёлкнуть по кнопке папки на панели задач, чтобы снова показать окно.

Ответ: папка открыта, размер окна изменён, затем окно свёрнуто и восстановлено через панель задач.

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

1. Щёлкнуть по нужному переключателю, если требуется выбрать один вариант из группы.
2. Щёлкнуть по флажку, чтобы включить независимый параметр.
3. Выбрать поле ввода и набрать имя с клавиатуры.
4. Проверить данные и нажать кнопку подтверждения.

Ответ: вариант выбран переключателем, параметр включён флажком, имя введено в поле, а настройки подтверждены кнопкой.

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

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

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

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

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

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

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

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

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

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

• Графический интерфейс позволяет управлять компьютером с помощью экранных элементов.
• Окно предназначено для работы с программой, документом или сообщением.
• Значок обозначает объект или команду.
• Меню содержит перечень команд и вариантов выбора.
• Указатель мыши показывает место выполнения действия.
• Внешний вид элемента связан с его назначением.
• Разные действия мышью приводят к разным результатам.