Элемент интерфейса (|lybyum numyjsywvg)

Кроссплатформенный редактор элементов интерфейса *Qt designer*

Элеме́нт интерфе́йса — примитив графического интерфейса пользователя, имеющий стандартный внешний вид и выполняющий стандартные действия.

Другие названия: элемент управления, ви́джет (англ. widget), контро́л (англ. control)^[1].

Происхождение термина «виджет»

Употребляется примерно с 1920-х годов в американском английском для обозначения простой, но необходимой вещи, маленького изделия, название которого временно забыто говорящим^[2]. Online Etymology Dictionary предполагает, что на его форму могло повлиять слово англ. gadget или же оно происходит от англ. which it — «этот, как его»^[3]. Другие словари предполагают словослияние «window gadget» (букв. «оконное приспособление»), также произошедшее в начале XX века^[2].

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

Типовые элементы интерфейса

аккордеон (accordion)
кнопка (button)
- сдвоенная кнопка (split button) — кнопка, вызывающая список со вторичным(и) действием(и) (кнопками)
радиокнопка (radio button)
флаговая кнопка (check box)
кнопка-переключатель (toggle button) — может находиться в одном из двух состояний: активна или неактивна
значок (иконка, icon)
список (list box)
дерево — иерархический список (tree view)
раскрывающийся список (combo box, drop-down list)
метка (label)
поле редактирования (textbox, edit field)
элемент для отображения табличных данных (grid view)
меню (menu)
- главное меню окна (main menu или menu bar)
- контекстное меню (popup menu)
- ниспадающее меню (pull down menu)
окно (window)
- диалоговое окно (dialog box)
- модальное окно (modal window)
панель (panel)
вкладка (tab)
панель инструментов (toolbar)
полоса прокрутки (scrollbar)
ползунок (slider)
строка состояния (status bar)
всплывающая подсказка (tooltip, hint)

Встречаются и другие элементы управления, которые могут не входить в некоторые наборы:

Радиальное меню (pie menu или radial menu) — кольцевое меню вокруг курсора. Выбор пункта меню осуществляется движением курсора в направлении пункта меню.
Кнопка последовательного выбора — элемент, значение в котором выбирается последовательным нажатием мыши по нему. В отличие от раскрывающегося списка, такая кнопка не позволяет видеть другие значения, кроме выбранного.
Счётчик — двунаправленный вариант для числовых значений. Нажатие на кнопку позволяет изменить значение параметра на единицу в большую или меньшую сторону.
Heads-up display — отображение поверх всех элементов значения каких-то параметров либо важных сообщений.
Пузырь — подсказка наподобие филактера в комиксах, которая указывает на элемент — источник сообщения.
Валкодер — вращающийся элемент управления наподобие ручки настройки во многих радиоприёмниках. Может быть как одно-, так и многооборотным.
Скрываемый виджет — элемент, позволяющий скрыть часть элементов управления, когда они не используются.
Индикатор уровня (Level Indicator) — элемент для индикации значения какой-либо величины. Иногда вместо него используется индикатор процесса, но некоторые руководства (к примеру, HIG от Apple^[4]) запрещают подобную практику.

Библиотеки элементов интерфейса

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

Кроссплатформенные, на основе Java
- Standard Widget Toolkit — в составе проекта Eclipse
- Swing — разработка Sun, компонента Java Foundation Classes (JFC) на основе AWT
- AWT — частично устаревший Abstract Windowing Toolkit (Sun, 1995)
- JavaFX — платформа для разработки RIA на Java

Кроссплатформенные, на основе C/C++, с возможностью использования в других языках
- Tk
- GTK+
- Qt
- wxWidgets (wxWindows)
- IUP
- FOX toolkit
- FLTK

Кроссплатформенные, на основе Pascal
- LCL
- CLX — адаптация интерфейса Qt^{[источник не указан 4698 дней]} для Borland Delphi & Kylix

Кроссплатформенные, на основе AJAX
Под AmigaOS
- Intuition
- Reaction
- MUI (Magic User Interface)

Под AROS
- Zune

Под DOS
- Turbo Vision — в составе Borland Turbo Pascal 6.0/7.0, текстовый интерфейс
- Zinc — библиотека для Borland C++

Под Microsoft Windows
- Windows API
- Microsoft Foundation Classes
- Windows Template Library
- Object Windows Library (Borland Pascal 7.0, графический интерфейс)
- Visual Component Library (Borland Delphi)
- Windows Forms
- Windows Presentation Foundation (или Avalon)

Под Unix — для X Window System
- Xlib
- Xt
- Xaw
- Motif (Open Motif, LessTif)

Под BREW
- BUIW

Графический интерфейс для игр
- MyGUI
- GWEN
- CEGUI

См. также

В Викисловаре есть статья «виджет»

Примечания

↑ Буторин Д. Н. MS Agent и Speech API в Delphi. — БХВ-Петербург, 2005. — 448 с. — ISBN 9785941575022.
↑ ¹ ² Richard Coyne. The Tuning of Place: Sociable Spaces and Pervasive Digital Media. — MIT Press, 2010. — P. 52. — 344 p. — ISBN 9780262013918.
↑ Online Etymology Dictionary, widget (неопр.). Дата обращения: 14 октября 2012. Архивировано 26 апреля 2014 года.
↑ Mac OS X Human Interface Guidelines: UI Element Guidelines: Controls (неопр.). Дата обращения: 1 октября 2017. Архивировано 11 августа 2014 года.

Ссылки

Программа XWidget для операционной системы Windows
Fox-Toolkit Архивировано 12 февраля 2012 года.
Терминология GUI-проектирования

[1] Буторин Д. Н. MS Agent и Speech API в Delphi. — БХВ-Петербург, 2005. — 448 с. — ISBN 9785941575022.

[coyne-2] ¹ ² Richard Coyne. The Tuning of Place: Sociable Spaces and Pervasive Digital Media. — MIT Press, 2010. — P. 52. — 344 p. — ISBN 9780262013918.

[3] Online Etymology Dictionary, widget (неопр.). Дата обращения: 14 октября 2012. Архивировано 26 апреля 2014 года.

[4] Mac OS X Human Interface Guidelines: UI Element Guidelines: Controls (неопр.). Дата обращения: 1 октября 2017. Архивировано 11 августа 2014 года.

[1]

[2]

[3]

[4]

Элементы графического интерфейса
Типы интерфейсов	Однодокументный (SDI) Многодокументный (MDI) Многодокументный с вкладками (TDI)
Управление	Кнопка (комбинированная кнопка) Меню (строка меню контекстное меню гамбургер)
Ввод/вывод	Двунаправленный счётчик Выпадающий список Комбинированный список Флажок Ползунок^[англ.] Радиокнопка Список Таблица (Grid view)^[англ.] Текстовое поле
Отображение	Head-up display Заставка^[англ.] Значок Индикатор процесса Метка Подсказка Строка состояния Тост Троббер Экран загрузки^[англ.]
Контейнеры	Ленточный интерфейс Скрываемый виджет^[англ.] Фрейм Панель^[англ.] Вкладка Панель инструментов Окно
Навигация	Виртуальный рабочий стол Гиперссылка Дерево выбора Полоса прокрутки Навигационная цепочка
Специальные окна	Диалоговое окно Диалоговое окно-предупреждение^[англ.] Модальное окно О программе Окно инспектора объектов Окно-палитра^[англ.] Файловый диалог^[англ.]
Игровые	Head-up display Мини-карта
Связанные понятия	WIMP Оконный интерфейс Оконный менеджер Библиотека элементов интерфейса^[англ.] Внешний вид^[англ.] Менеджер разметки^[англ.] Наведение мыши^[англ.]