Графический виджет - Википедия - Graphical widget

Эта статья посвящена повторно используемым компонентам для создания пользовательских интерфейсов. Для небольших настольных / веб-приложений см. Программный виджет. Для использования в других целях см. Виджет.
gtk3-demo, программа для демонстрации виджеты в GTK + версия 3.
Qt виджеты оформлен по трем разным Оболочки (художественное оформление): Пластик, Керамик, Окна.
Различные виджеты, показанные на Ubuntu.
Пример включенных и отключенных виджетов; в Рамка внизу отключены, они неактивны.

А графический виджет (также графический элемент управления или же контроль) в графический интерфейс пользователя является элемент взаимодействия, например кнопка или полоса прокрутки. Элементы управления программные компоненты что пользователь компьютера взаимодействует с прямая манипуляция для чтения или редактирования информации о приложении. Библиотеки пользовательского интерфейса, такие как Windows Presentation Foundation, GTK, и Какао, содержат набор элементов управления и логику для их визуализации.[1]

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

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

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

История и использование

Дальнейшая информация: История графического пользовательского интерфейса

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

Виджеты GUI - это графические элементы, используемые для создания человеко-машинного интерфейса программы. Виджеты GUI реализованы как программные компоненты. Наборы инструментов для виджетов и программные среды, например GTK + или же Qt, содержать их в программные библиотеки так что программисты могут использовать их для создания графических интерфейсов для своих программ.

Семейство обычных многоразовых виджетов разработано для хранения общей информации на основе Исследовательский центр Пало-Альто, Inc. исследования для Xerox Alto Пользовательский интерфейс. Различные реализации этих общих виджетов часто объединяются в наборы инструментов для виджетов, которые программисты используют для создания графических пользовательских интерфейсов (GUI). Большинство операционных систем включают набор готовых к адаптации виджетов, которые программист может включить в приложение, определяя его поведение.[2] Каждый тип виджета обычно определяется как класс объектно-ориентированным программированием (ООП ). Поэтому многие виджеты являются производными от наследования классов.

В контексте приложения виджет может быть включено или же отключен в данный момент времени. Включенный виджет может реагировать на события, такие как нажатия клавиш или действия мыши. Виджет, который не может реагировать на такие события, считается отключенным. Внешний вид виджета обычно различается в зависимости от того, включен он или выключен; при отключении виджет может быть окрашен в более светлый цвет (неактивен) или каким-либо образом скрыт визуально. См. Пример на соседнем изображении.

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

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

Этимология

«Виджет» вошел в американский английский примерно в 1920 году как общий термин для любого полезного устройства, особенно продукта, производимого для продажи. В компьютерном обиходе он был заимствован как сокращенная форма «окна». гаджет, »И впервые был применен к элементам пользовательского интерфейса во время Проект Афина в 1988 г.[нужна цитата ] Это слово было выбрано потому, что «все другие общие термины были перегружены несоответствующими коннотациями» - поскольку проект Внутренние инструментарий связал каждый виджет с окном нижележащего X Window System - и из-за общей приставки со словом окно.[3]

Список общих универсальных виджетов

Смотрите также: Элементы графического пользовательского интерфейса
  • Подбор и отображение коллекций
    • Кнопка - элемент управления, на который можно нажать, чтобы выполнить действие. Эквивалент нажать кнопку как на механических или электронных приборах.
      • Переключатель - элемент управления, на который можно щелкнуть, чтобы выбрать один вариант из набора вариантов, аналогично выбору радиостанции из группы кнопок, предназначенных для настройки радио. Радиокнопки всегда появляются парами или большими группами, и только один вариант в группе может быть выбран одновременно; выбор нового элемента из кнопок группы также отменяет выбор ранее выбранной кнопки.
      • Флажок - элемент управления, на который можно щелкнуть, чтобы включить или отключить параметр. Также называется флажком. Поле указывает состояние "включено" или "выключено" через галочка / отметьте или крестик ☒. Может отображаться в промежуточном состоянии (заштрихованным или с тире), чтобы указать, что различные объекты в множественный выбор имеют разные значения для свойства, представленного флажком. В отличие от переключателей, можно выбрать несколько флажков в группе.
      • Кнопка переключения - Функционально похожа на флажок, работает как выключатель, хотя и выглядит как кнопка. Можно включать и выключать.
      • Разделить кнопку - элемент управления, объединяющий кнопку (обычно вызывающую действие по умолчанию) и раскрывающийся список со связанными второстепенными действиями.
      • Кнопка цикла - кнопка, которая циклически переключает свое содержимое между двумя или более значениями, что позволяет выбрать одно из группы элементов.
    • Слайдер - управление с помощью ручки, которую можно перемещать вверх и вниз (вертикальный ползунок) или вправо и влево (горизонтальный ползунок) на панели, чтобы выбрать значение (или диапазон, если есть две ручки). Панель позволяет пользователям вносить корректировки в значение или процесс в диапазоне допустимых значений.
    • Окно списка - графический элемент управления, который позволяет пользователю выбрать один или несколько элементов из списка, содержащегося в статическом многострочном текстовом поле.
    • Спиннер - элемент управления вводом значений с небольшими кнопками вверх и вниз для перехода по диапазону значений
    • Выпадающий список - Список элементов, из которых можно выбрать. В списке обычно отображаются элементы только при нажатии специальной кнопки или индикатора.
    • Меню - управление с несколькими действиями, на которые можно щелкнуть, чтобы выбрать вариант для активации
      • Контекстное меню - тип меню, содержание которого зависит от контекст или состояние действует при вызове меню
      • Пирог меню - круговое контекстное меню, где выбор зависит от направления
    • Строка меню - графический элемент управления, содержащий выпадающие меню
    • Панель инструментов - графический элемент управления, на котором размещены экранные кнопки, значки, меню или другие элементы ввода или вывода
      • Лента - гибрид меню и панели инструментов, отображающий большой набор команд в визуальном макете через интерфейс с вкладками.
    • Поле со списком (текстовое окно с прикрепленным меню или же Окно списка ) - комбинация однострочного текстовое окно и выпадающий список или же список, позволяя пользователю либо ввести значение непосредственно в элемент управления, либо выбрать его из списка существующих параметров.
    • Значок - быстро понятный символ программного инструмента, функции или файла данных.
    • В виде дерева - графический элемент управления, представляющий иерархическое представление информации
    • Вид сетки или же сетка данных - а электронная таблица -подобно табличный представление данных, позволяющее вводить числа или текст в строки и столбцы.
  • Навигация
    • Связь - Текст с каким-либо индикатором (обычно с подчеркиванием и / или цветом), который указывает, что щелчок по нему приведет к переходу на другой экран или страницу.
    • Вкладка - графический элемент управления, позволяющий содержать несколько документов или панелей в одном окне
    • Полоса прокрутки - графический элемент управления, с помощью которого непрерывный текст, изображения или любой другой контент можно прокручивать в заданном направлении (вверх, вниз, влево или вправо)
  • Ввод текста / значения
    • Текстовое окно - (поле редактирования) - графический элемент управления, позволяющий пользователю вводить текст
    • Поле со списком - графический элемент управления, сочетающий раскрывающийся список или окно со списком и редактируемое однострочное текстовое поле
  • Выход
    • Этикетка - текст, используемый для описания другого виджета
    • Подсказка - информационное окно, которое появляется при наведении курсора мыши на другой элемент управления
    • Воздушный шар помощь
    • Статус бар - графический элемент управления, который представляет собой информационную область, которая обычно находится в нижней части окна.
    • Индикатор - графический элемент управления, используемый для визуализации процесса расширенной операции компьютера, такой как загрузка, передача файлов или установка
    • Информационная панель - графический элемент управления, используемый многими программами для отображения некритичной информации пользователю
  • Контейнер
    • Окно - графический элемент управления, состоящий из визуальной области, содержащей некоторые из элементов графического пользовательского интерфейса программы, к которой он принадлежит
      • Складная панель - панель, которая может компактно хранить контент, который скрывается или открывается при нажатии на вкладку виджета.
        • Ящик: Боковые листы или поверхности, содержащие дополнительный контент, который может быть прикреплен, вытянут или отодвинут за левый или правый край экрана.[4]
      • Аккордеон - вертикально сложенный список элементов, таких как ярлыки или эскизы, где каждый элемент может быть «развернут», чтобы показать связанный контент
      • Модальное окно - графический элемент управления, подчиненный главному окну приложения, который создает режим, в котором главное окно не может использоваться.
      • Диалоговое окно - небольшое окно, которое передает информацию пользователю и запрашивает ответ
      • Окно палитры - также известное как «Окно служебных программ» - графический элемент управления, который располагается поверх всех обычных окон и предлагает инструменты, команды или информацию для текущего приложения для быстрого доступа.
        • Окно инспектора - тип диалогового окна, показывающего список текущих атрибутов выбранного объекта и позволяющего изменять эти параметры на лету
      • Рамка - тип блока, внутри которого можно сгруппировать набор графических элементов управления, чтобы визуально показать взаимосвязи
      • Холст - общий элемент чертежа для представления графической информации
      • Cover Flow - анимированный трехмерный элемент для визуального перелистывания снимков документов, закладок веб-сайтов, обложек альбомов или фотографий.
      • Пузырьковый поток - анимированный двухмерный элемент, который позволяет пользователям просматривать и взаимодействовать со всем древовидным представлением цепочки обсуждения.

Смотрите также

Рекомендации

  1. ^ «Microsoft: Графические элементы». msdn.microsoft.com. Microsoft. Получено 27 апреля 2015.
  2. ^ «Что такое виджет? - Определение с сайта WhatIs.com». WhatIs.com. Получено 2020-06-03.
  3. ^ Ральф Р. Свик, Марк С. Акерман (1988). «X Toolkit: дополнительные инструменты для создания пользовательских интерфейсов или виджетов для найма». USENIX Зима. С. 221–228. Архивировано из оригинал на 2007-09-27. Получено 2007-01-03.
  4. ^ https://material-ui.com/demos/drawers/ Компонент Drawer React - Material-UI

внешняя ссылка