Список элементов графического пользовательского интерфейса - List of graphical user interface elements
Элементы графического пользовательского интерфейса - это те элементы, которые используются графическими пользовательскими интерфейсами (GUI), чтобы предложить согласованный визуальный язык для представления информации, хранящейся в компьютерах. Это облегчает людям с ограниченными компьютерными навыками работу и использование компьютерного программного обеспечения.
В этой статье объясняются наиболее распространенные элементы интерфейсов визуального языка, встречающиеся в парадигме WIMP («окно, значок, меню, указатель»), хотя многие из них также используются в других графических интерфейсах после WIMP . Эти элементы обычно воплощаются в интерфейсе с использованием набора инструментов виджетов или среды рабочего стола .
Конструктивные элементы
Графические пользовательские интерфейсы используют визуальные соглашения для представления отображаемой общей информации. Некоторые соглашения используются для построения структуры статических элементов, с которыми пользователь может взаимодействовать, и определения внешнего вида интерфейса.
Окно
Окно - это область на экране, в которой отображается информация, причем ее содержимое отображается независимо от остальной части экрана. Примером окна является то, что появляется на экране при щелчке по значку «Мои документы» в операционной системе Windows . Пользователю легко управлять окном: его можно показать и скрыть, щелкнув значок или приложение , и его можно переместить в любую область, перетащив его (то есть, щелкнув в определенной области окна - обычно строка заголовка вверху - и удерживая кнопку указывающего устройства нажатой, затем перемещая указательное устройство). Окно можно разместить перед другим окном или за ним, его размер можно регулировать, а полосы прокрутки можно использовать для навигации по разделам внутри него. Несколько окон также могут быть открыты одновременно, и в этом случае каждое окно может отображать отдельное приложение или файл - это очень полезно при работе в многозадачной среде. Системная память - единственное ограничение на количество окон, которые могут быть открыты одновременно. Также существует множество видов специализированных окон.
- Окно контейнера включает в себя другие окна или элементы управления. При перемещении или изменении размера вложенные элементы перемещаются, изменяют размер, меняют ориентацию или обрезаются окном контейнера.
- Окно браузера позволяет пользователю просматривать и перемещаться по коллекции элементов, таких как файлы или веб-страницы . Веб-браузеры являются примером окон этих типов.
- Окна текстового терминала представляют собой текстовые пользовательские интерфейсы на основе символов и команд в общем графическом интерфейсе. Консоли MS-DOS и UNIX являются примерами окон этих типов. Окна терминала часто соответствуют условным обозначениям горячих клавиш и отображению терминалов на основе ЭЛТ, которые предшествуют графическому интерфейсу пользователя, например VT-100.
- Дочернее окно автоматически открывается или в результате действий пользователя в родительском окне. Всплывающие окна в Интернете могут быть дочерними окнами.
- Окно сообщения или диалоговое окно - это тип дочернего окна. Обычно это небольшие и базовые окна, которые открывает программа для отображения информации пользователю и / или получения информации от пользователя. У них почти всегда есть одна или несколько кнопок, которые позволяют пользователю закрыть диалог утвердительным, отрицательным или нейтральным ответом.
Меню
Меню позволяют пользователю выполнять команды, выбирая их из списка вариантов. Параметры выбираются с помощью мыши или другого указывающего устройства в графическом интерфейсе. Также можно использовать клавиатуру. Меню удобны, потому что они показывают, какие команды доступны в программном обеспечении . Это ограничивает объем документации, которую пользователь читает для понимания программного обеспечения.
- Строка меню отображается горизонтально в верхней части экрана и / или по вершинам некоторых или всех окон. Выпадающее меню обычно связано с этим типом меню. Когда пользователь щелкает пункт меню, появляется раскрывающееся меню.
- У меню есть видимый заголовок в строке меню. Его содержимое открывается только тогда, когда пользователь выбирает его с помощью указателя. Затем пользователь может выбирать элементы в раскрывающемся меню. Когда пользователь щелкает в другом месте, содержимое меню исчезает.
- Контекстное меню является невидимым , пока пользователь не выполнит определенное действие мыши, как нажатие правой кнопки мыши. Когда происходит действие мыши, зависящее от программного обеспечения, под курсором появляется меню.
- Дополнения к меню - это отдельные элементы внутри или сбоку от меню.
Иконки
Значок представляет собой небольшое изображение , которое представляет объекты , такие как файл, программа, веб - страницы, или команды. Они позволяют быстро выполнять команды, открывать документы и запускать программы. Иконки также очень полезны при поиске объекта в списке браузера, потому что во многих операционных системах все документы, использующие одно и то же расширение, будут иметь один и тот же значок.
Элементы управления (или виджеты)
Элементы интерфейса , известные как графические элементы управления , управление или виджеты являются программными компонентами , которые пользователь компьютера взаимодействует с путем прямого манипулирования читать или редактировать информацию о приложении. Каждый виджет способствует определенному взаимодействию пользователя с компьютером. Структурирование пользовательского интерфейса с помощью наборов инструментов Widget позволяет разработчикам повторно использовать код для аналогичных задач и предоставляет пользователям общий язык для взаимодействия, поддерживая согласованность во всей информационной системе.
Обычно виджеты используются для отображения коллекций связанных элементов (например, с различными элементами управления списком и холстом ), инициирования действий и процессов в интерфейсе ( кнопки и меню ), навигации в пространстве информационной системы ( ссылки , вкладки и полосы прокрутки ), а также представление и управление значениями данных (такими как метки , флажки , переключатели , ползунки и счетчики ).
Вкладки
Вкладка обычно представляют собой прямоугольный небольшой ящик , который обычно содержит текстовую метку или графический значок , связанную с панелью просмотра. Когда активирована панель просмотра или окно, отображаются виджеты, связанные с этой вкладкой; группы вкладок позволяют пользователю быстро переключаться между различными виджетами. Это используется во всех современных веб-браузерах . С помощью этих браузеров вы можете одновременно открывать несколько веб-страниц в одном окне и быстро перемещаться между ними, щелкая вкладки, связанные со страницами. Вкладки обычно помещаются в группы вверху окна, но также могут быть сгруппированы сбоку или внизу окна. Вкладки также присутствуют в панелях настроек многих приложений. Microsoft Windows, например, использует вкладки в большинстве диалогов панели управления.
Элементы взаимодействия
Некоторые общие идиомы для взаимодействия развились в визуальном языке, используемом в графических интерфейсах. Элементы взаимодействия - это объекты интерфейса, которые представляют состояние текущей операции или преобразования либо как визуальные остатки намерения пользователя (например, указатель), либо как аффордансы, показывающие места, где пользователь может взаимодействовать.
Курсор
Курсор - это индикатор, используемый для отображения положения на мониторе компьютера или другом устройстве отображения, которое будет реагировать на ввод с устройства ввода текста или указывающего устройства.
Указатель
Указатель повторяет движения указывающего устройства , обычно мыши или сенсорной панели . Указатель - это место, где происходят действия, инициируемые жестами прямого управления, такими как щелчок , касание и перетаскивание .
Точка вставки
Каретка , текстовый курсор или точка вставки представляет точку пользовательского интерфейса , где фокус находится. Он представляет собой объект, который будет использоваться в качестве объекта по умолчанию для инициируемых пользователем команд, таких как ввод текста, запуск выделения или операция копирования-вставки с клавиатуры.
Выбор
Выбор список вопросов , по которым операция пользователя будет иметь место. Пользователь обычно добавляет элементы в список вручную, хотя компьютер может создавать выбор автоматически.
Ручка регулировки
Ручка является индикатором исходным пункта для перетаскивания операции. Обычно форма указателя изменяется при размещении на ручке, показывая значок, который представляет поддерживаемую операцию перетаскивания.
