Каждый виджет обеспечивает определенный тип взаимодействия пользователя с компьютером и отображается как видимая часть графического пользовательского интерфейса приложения, определяемого темой и отображаемого механизмом рендеринга. Благодаря этой теме все виджеты имеют единый эстетический дизайн и создают ощущение общей сплоченности. Некоторые виджеты поддерживают взаимодействие с пользователем, например метки, кнопки и флажки . Другие действуют как контейнеры , группирующие добавленные к ним виджеты, например окна , панели и вкладки.
Структурирование пользовательского интерфейса с помощью наборов инструментов виджетов позволяет разработчикам повторно использовать код для аналогичных задач и предоставляет пользователям общий язык для взаимодействия, поддерживая согласованность во всей информационной системе.
Примерно в 1920 году слово «виджет» вошло в американский английский как общий термин для обозначения любого полезного устройства, особенно продукта, производимого для продажи; гаджет .
Набор инструментов предоставляет библиотеку компонентов пользовательского интерфейса («виджетов»), таких как текстовые метки, полосы прокрутки, командные кнопки и меню; позволяет программистам писать новые виджеты; и обеспечивает связующее звено для сборки виджетов в полноценный пользовательский интерфейс.
В том же году в руководстве X Toolkit Widgets — C Language X Interface Ральфа Р. Свика и Терри Вайсмана говорится: [3]
В X Toolkit виджет представляет собой комбинацию X-окна или подокна и связанной с ним семантики ввода и вывода.
Наконец, еще в том же году Ральф Р. Свик и Марк С. Акерман объясняют , откуда взялся термин «виджет» : [4]
Мы выбрали этот термин, поскольку все остальные распространенные термины были перегружены неуместными коннотациями. Тем не менее, мы предлагаем наблюдение скептикам, что основной реализацией виджета является связанное с ним X-окно, и общая начальная буква не является бесполезной.
Применение
Пример включенных и отключенных виджетов; рамка внизу отключена, они выделены серым цветом .
Любой виджет отображает расположение информации, которое может изменить пользователь, например окно или текстовое поле . Определяющей характеристикой виджета является предоставление единой точки взаимодействия для прямого манипулирования данными данного типа. Другими словами, виджеты — это базовые визуальные строительные блоки, которые, объединенные в приложение, содержат все данные, обрабатываемые приложением, и доступные взаимодействия с этими данными.
Виджеты графического пользовательского интерфейса — это графические элементы, используемые для создания человеко-машинного интерфейса программы. Виджеты графического интерфейса реализованы как программные компоненты . Наборы инструментов для виджетов и программные платформы, такие как, например, GTK+ или Qt , содержат их в библиотеках программного обеспечения , чтобы программисты могли использовать их для создания графических интерфейсов для своих программ.
На основе исследования Palo Alto Research Center Inc., посвященного пользовательскому интерфейсу Xerox Alto , было разработано семейство распространенных многоразовых виджетов для хранения общей информации . Различные реализации этих универсальных виджетов часто объединяются в наборы инструментов для виджетов , которые программисты используют для создания графических пользовательских интерфейсов (GUI). Большинство операционных систем включают в себя набор готовых к адаптации виджетов, которые программист может включить в приложение, указав, как оно должно вести себя. [5] Каждый тип виджета обычно определяется как класс объектно-ориентированного программирования ( ООП ). Таким образом, многие виджеты являются производными от наследования классов.
В контексте приложения виджет может быть включен или отключен в определенный момент времени. Включенный виджет может реагировать на такие события, как нажатия клавиш или действия мыши. Виджет, который не может реагировать на подобные события, считается отключенным. Внешний вид виджета обычно различается в зависимости от того, включен он или отключен; если этот параметр отключен, виджет может отображаться более светлым цветом (« серым цветом ») или каким-либо образом быть скрытым визуально. Пример смотрите на соседнем изображении.
Преимущество отключения недоступных элементов управления вместо их полного сокрытия заключается в том, что пользователям показывается, что элемент управления существует, но в настоящее время недоступен (подразумевается, что изменение какого-либо другого элемента управления может сделать его доступным), вместо того, чтобы, возможно, оставлять пользователя неуверенным в том, где его найти. контроль вообще. Во всплывающих диалоговых окнах кнопки могут стать серыми вскоре после появления, чтобы предотвратить случайное нажатие или непреднамеренное двойное нажатие.
Виджеты иногда квалифицируются как виртуальные , чтобы отличить их от своих физических аналогов, например, виртуальных кнопок , на которые можно нажимать указателем , и физических кнопок , на которые можно нажимать пальцем (например, на компьютерной мыши ).
Родственная (но другая) концепция — это виджет рабочего стола , небольшое специализированное приложение с графическим интерфейсом, которое предоставляет некоторую визуальную информацию и/или легкий доступ к часто используемым функциям, таким как часы, календари, агрегаторы новостей, калькуляторы и заметки на рабочем столе. Эти виды виджетов размещаются в движке виджетов .
Список распространенных универсальных виджетов
Различные виджеты, показанные в Ubuntu .Виджеты Qt отображаются в соответствии с тремя различными скинами (художественное оформление): Plastik, Keramik и Windows.
Выбор и показ коллекций
Кнопка – элемент управления, на который можно нажать, чтобы выполнить действие. Эквивалент кнопки на механических или электронных инструментах.
Радиокнопка – элемент управления, при нажатии на который можно выбрать один вариант из множества вариантов, аналогично выбору радиостанции из группы кнопок, предназначенных для настройки радио. Переключатели всегда отображаются парами или более крупными группами, и одновременно можно выбрать только один параметр в группе; выбор нового элемента из кнопок группы также отменяет выбор ранее выбранной кнопки.
Флажок – элемент управления, на который можно нажать, чтобы включить или отключить опцию. Также называется флажком. Поле указывает на состояние «включено» или «выключено» с помощью галочки ☑ или крестика ☒. Может отображаться в промежуточном состоянии (затененном или с тире), чтобы указать, что различные объекты в множественном выборе имеют разные значения свойства, представленного флажком. В отличие от переключателей в группе можно выбрать несколько флажков.
Тумблер — функционально похож на флажок. Можно включать и выключать, но в отличие от флажков, это обычно дает немедленный эффект.
Кнопка переключения — функционально аналогична флажку, работает как переключатель , но выглядит как кнопка. Можно включать и выключать.
Кнопка разделения — элемент управления, объединяющий кнопку (обычно вызывающую какое-либо действие по умолчанию) и раскрывающийся список со связанными второстепенными действиями.
Кнопка цикла — кнопка, которая циклически меняет свое содержимое между двумя или более значениями, позволяя, таким образом, выбрать один из группы элементов.
Ползунок — элемент управления с ручкой, которую можно перемещать вверх и вниз (вертикальный ползунок) или вправо и влево (горизонтальный ползунок) на панели для выбора значения (или диапазона, если присутствуют два маркера). Панель позволяет пользователям вносить изменения в значение или процесс в диапазоне допустимых значений.
Поле списка – графический элемент управления, который позволяет пользователю выбирать один или несколько элементов из списка, содержащегося в статическом многострочном текстовом поле.
Spinner – элемент управления вводом значений с небольшими кнопками вверх и вниз для перехода по диапазону значений.
Раскрывающийся список – список элементов, из которых можно выбрать. Обычно в списке элементы отображаются только при нажатии специальной кнопки или индикатора.
Меню – элемент управления с несколькими действиями, на которые можно нажать, чтобы выбрать вариант для активации.
Контекстное меню - тип меню, содержимое которого зависит от контекста или состояния, действующего при вызове меню.
Круговое меню — круглое контекстное меню, выбор которого зависит от направления.
Строка меню – графический элемент управления, содержащий раскрывающиеся меню.
Панель инструментов – графический элемент управления, на котором размещаются экранные кнопки, значки, меню или другие элементы ввода или вывода.
Лента — гибрид меню и панели инструментов, отображающий большую коллекцию команд в визуальном макете через интерфейс с вкладками.
Ссылка — текст с каким-либо индикатором (обычно подчеркиванием и/или цветом), который указывает, что нажатие на него приведет к переходу на другой экран или страницу.
Вкладка – графический элемент управления, который позволяет содержать несколько документов или панелей в одном окне.
Полоса прокрутки – графический элемент управления, с помощью которого можно прокручивать непрерывный текст, изображения или любой другой контент в заданном направлении (вверх, вниз, влево или вправо).
Ввод текста/значения
Текстовое поле – (поле редактирования) – графический элемент управления, предназначенный для предоставления пользователю возможности ввода текста.
Выход
Метка — текст, используемый для описания другого виджета.
Подсказка – информационное окно, которое появляется при наведении курсора мыши на другой элемент управления.
Строка состояния - графический элемент управления, который представляет собой информационную область, обычно расположенную в нижней части окна.
Индикатор выполнения — графический элемент управления, используемый для визуализации хода расширенной операции компьютера, такой как загрузка, передача файла или установка.
Информационная панель – графический элемент управления, используемый многими программами для отображения некритической информации пользователю.
Контейнер
Окно – графический элемент управления, состоящий из визуальной области, содержащей некоторые элементы графического интерфейса пользователя программы, которой он принадлежит.
Складная панель — панель, на которой можно компактно хранить контент, который скрывается или открывается при нажатии на вкладку виджета.
Ящик : Боковые листы или поверхности, содержащие дополнительный контент, который можно прикрепить, вытащить или выдвинуть за левый или правый край экрана. [6]
Аккордеон - вертикально расположенный список элементов, таких как метки или миниатюры, где каждый элемент можно «расширить», чтобы показать связанное с ним содержимое.
Модальное окно – графический элемент управления, подчиненный главному окну приложения, создающий режим, в котором основное окно невозможно использовать.
Диалоговое окно – небольшое окно, которое передает информацию пользователю и запрашивает ответ.
Окно палитры , также известное как «Окно утилиты», — графический элемент управления, который располагается поверх всех обычных окон и предлагает инструменты быстрого доступа, команды или информацию для текущего приложения.
Окно инспектора – тип диалогового окна, которое отображает список текущих атрибутов выбранного объекта и позволяет изменять эти параметры на лету.
Рамка – тип рамки, внутри которой можно сгруппировать набор графических элементов управления, чтобы визуально показать взаимосвязи.
Холст – общий элемент рисования для представления графической информации.
Cover Flow – анимированный трехмерный элемент для визуального пролистывания снимков документов, закладок веб-сайтов, обложек альбомов или фотографий.
Bubble Flow – анимированный двухмерный элемент, который позволяет пользователям просматривать и взаимодействовать со всем древовидным представлением ветки обсуждения.
Карусель (вычисления) - графический виджет, используемый для отображения визуальных карточек таким образом, чтобы пользователи могли быстро просматривать их как на веб-сайтах, так и в мобильных приложениях.
^ «Майкрософт: Графические элементы» . msdn.microsoft.com . Майкрософт . Проверено 27 апреля 2015 г.
^ МакКормак, Джоэл; Асенте, Пол (1988). «Обзор набора инструментов X». Материалы 1-го ежегодного симпозиума ACM SIGGRAPH по программному обеспечению пользовательского интерфейса . стр. 46–55. дои : 10.1145/62402.62407. ISBN0897912837. S2CID 12924752.
^ Свик, Ральф Р.; Вайсман, Терри (1988). Виджеты X Toolkit — интерфейс X на языке C. п. 1.
^ Ральф Р. Свик, Марк С. Акерман (1988). «X Toolkit: больше кубиков для создания пользовательских интерфейсов или виджетов напрокат». УСЕНИКС Зима . стр. 221–228 . Проверено 20 ноября 2022 г.
^ «Что такое виджет? - Определение с сайта WhatIs.com» . WhatIs.com . Проверено 3 июня 2020 г.
