Play Video
1
BlindGUI for Unity3D
BlindGUI for Unity3D
::2011/10/30::
Play Video
2
Drop Down Menu
Drop Down Menu
::2012/06/18::
Play Video
3
NAVTechDays2013 Add in Development in NAV with or without Graphical Element Microsoft Dynamics NAV
NAVTechDays2013 Add in Development in NAV with or without Graphical Element Microsoft Dynamics NAV
::2013/11/11::
Play Video
4
A Good Collection of Now Days Gadets
A Good Collection of Now Days Gadets
::2014/03/08::
Play Video
5
Control Parameter Values and Run Matlab Simulink from GUI
Control Parameter Values and Run Matlab Simulink from GUI
::2014/06/21::
Play Video
6
24 Videos Data & Infographic Elements V.2 | Motion Graphics | Files - Videohive
24 Videos Data & Infographic Elements V.2 | Motion Graphics | Files - Videohive
::2013/11/03::
Play Video
7
Design Challenge #4 - GUI Element Design
Design Challenge #4 - GUI Element Design
::2014/04/26::
Play Video
8
Creating a GUI with GUIDE (Previous Release)
Creating a GUI with GUIDE (Previous Release)
::2009/02/19::
Play Video
9
Switchable graphics fix for windows 8.1
Switchable graphics fix for windows 8.1
::2013/12/01::
Play Video
10
Home Automation Gui in CommandFusion (early draft )
Home Automation Gui in CommandFusion (early draft )
::2014/02/06::
Play Video
11
How our Quadcopter works 3 - LabVIEW GUI, IMU Interface
How our Quadcopter works 3 - LabVIEW GUI, IMU Interface
::2014/06/28::
Play Video
12
AAE: Motion Graphics Elements - Free Project
AAE: Motion Graphics Elements - Free Project
::2013/07/18::
Play Video
13
IJ-6 Software-based PID temperature controller
IJ-6 Software-based PID temperature controller
::2013/03/15::
Play Video
14
RealPresence Group Series Demo Design Elements
RealPresence Group Series Demo Design Elements
::2013/03/26::
Play Video
15
DF-GUI Proportional Resizing
DF-GUI Proportional Resizing
::2013/11/03::
Play Video
16
Geomagic Control - 3Dpdf | OptimumARC - 3D
Geomagic Control - 3Dpdf | OptimumARC - 3D
::2012/07/17::
Play Video
17
JAVA Tutorial - GUI Part 2: Using common controls (RadioButton, List, Combobox) - Session 10
JAVA Tutorial - GUI Part 2: Using common controls (RadioButton, List, Combobox) - Session 10
::2012/01/15::
Play Video
18
High Sensitivity Vibration Sensor Using a Piezo Element and Arduino Uno
High Sensitivity Vibration Sensor Using a Piezo Element and Arduino Uno
::2014/02/22::
Play Video
19
34972A LXI Data Acquisition Control Mainframe and Modules
34972A LXI Data Acquisition Control Mainframe and Modules
::2012/03/29::
Play Video
20
How to Switch between AMD & Intel Graphics + Graphics Comparison HD
How to Switch between AMD & Intel Graphics + Graphics Comparison HD
::2013/04/09::
Play Video
21
Password Generator Two  Factor Combination Lock GUI Design | Austin Visuals Animation
Password Generator Two Factor Combination Lock GUI Design | Austin Visuals Animation
::2014/07/22::
Play Video
22
MSP430G2452 Graphical Vibration Detector with MEAS Piezo Sensor
MSP430G2452 Graphical Vibration Detector with MEAS Piezo Sensor
::2013/11/11::
Play Video
23
How Do I: Work with a Data Aware Extensibility Control in Microsoft Dynamics NAV 2013 R2
How Do I: Work with a Data Aware Extensibility Control in Microsoft Dynamics NAV 2013 R2
::2014/02/24::
Play Video
24
Basic Pro GUI Design For Visual Studios Free
Basic Pro GUI Design For Visual Studios Free
::2014/05/13::
Play Video
25
CA Mainframe Application Tuner Graphical User Interface - Installation
CA Mainframe Application Tuner Graphical User Interface - Installation
::2013/06/17::
Play Video
26
Graphical and numerical CAS solution of a system of 3 nonlinear equations in three variables
Graphical and numerical CAS solution of a system of 3 nonlinear equations in three variables
::2014/01/28::
Play Video
27
Advanced Graphics Final Project
Advanced Graphics Final Project
::2013/05/03::
Play Video
28
C# Tutorial 14:How to use Chart /Graph in Visual C#
C# Tutorial 14:How to use Chart /Graph in Visual C#
::2013/04/08::
Play Video
29
Inkscape Button GUI design (easy steps)
Inkscape Button GUI design (easy steps)
::2010/05/30::
Play Video
30
CH Eclipse Yoke Control Bundle with X-Plane 10 and FS X Deluxe Edition
CH Eclipse Yoke Control Bundle with X-Plane 10 and FS X Deluxe Edition
::2013/06/03::
Play Video
31
Distillation Column Control Application Workshop Solution
Distillation Column Control Application Workshop Solution
::2010/11/06::
Play Video
32
Autonomie: Simulating exisiting vehicles in GUI
Autonomie: Simulating exisiting vehicles in GUI
::2011/09/15::
Play Video
33
GUI Design and Animation for "Kite" CG Ad
GUI Design and Animation for "Kite" CG Ad
::2014/05/03::
Play Video
34
Java Tutorial 45 (GUI) - Moving Object with Keyboard Inputs (KeyListener)
Java Tutorial 45 (GUI) - Moving Object with Keyboard Inputs (KeyListener)
::2012/01/28::
Play Video
35
How Do I: Create a Bing Maps  Extensibility Control in Microsoft Dynamics NAV 2013 R2
How Do I: Create a Bing Maps  Extensibility Control in Microsoft Dynamics NAV 2013 R2
::2013/10/16::
Play Video
36
Secure authentication System using click based graphical password scheme
Secure authentication System using click based graphical password scheme
::2013/06/07::
Play Video
37
Visual Basic Chart Control
Visual Basic Chart Control
::2011/03/20::
Play Video
38
A Widget Picker Control in JavaFX
A Widget Picker Control in JavaFX
::2014/02/07::
Play Video
39
Chemistry Periodic Table of Elements Potassium (K) and Magnesium (Mg) K4610
Chemistry Periodic Table of Elements Potassium (K) and Magnesium (Mg) K4610
::2014/01/15::
Play Video
40
How Do I: Create a simple Hello World Extensibility Control in Microsoft Dynamics NAV 2013 R2
How Do I: Create a simple Hello World Extensibility Control in Microsoft Dynamics NAV 2013 R2
::2013/10/16::
Play Video
41
TUTORIAL :  AUTOMATIC FORM CONTROL RESIZE AND POSITIONING ( VISUAL STUDIO )
TUTORIAL : AUTOMATIC FORM CONTROL RESIZE AND POSITIONING ( VISUAL STUDIO )
::2012/08/20::
Play Video
42
SIEMENS PLC Programming Element-3
SIEMENS PLC Programming Element-3
::2013/08/24::
Play Video
43
DVR Graphical User Interface - KIQR4D CCTV DVR supplied by UKSECURITYCAMERAS.COM
DVR Graphical User Interface - KIQR4D CCTV DVR supplied by UKSECURITYCAMERAS.COM
::2012/04/19::
Play Video
44
Whole java netbeans Project (jtable , jdatepicker ,itext , Login , Signout ,iReport and more...)
Whole java netbeans Project (jtable , jdatepicker ,itext , Login , Signout ,iReport and more...)
::2012/03/25::
Play Video
45
Graphical Application Design Final Howard Combs
Graphical Application Design Final Howard Combs
::2013/07/29::
Play Video
46
Intelligent Power Modules for Motion Control
Intelligent Power Modules for Motion Control
::2011/02/23::
Play Video
47
CA Endevor SCM Quick Edit List Element Options
CA Endevor SCM Quick Edit List Element Options
::2013/06/19::
Play Video
48
Photoshop Tutorial #4 [ Create GUI Objects ]
Photoshop Tutorial #4 [ Create GUI Objects ]
::2013/02/01::
Play Video
49
MATLAB GUI Tutorial - pass data from GUI to workspace
MATLAB GUI Tutorial - pass data from GUI to workspace
::2011/05/05::
Play Video
50
Web Scraper VBA Application1.23-Count the Number of Elements by Tag Name
Web Scraper VBA Application1.23-Count the Number of Elements by Tag Name
::2013/05/27::
NEXT >>
RESULTS [51 .. 101]
From Wikipedia, the free encyclopedia
  (Redirected from GUI widget)
Jump to: navigation, search
This article is about reusable components for building user interfaces. For small desktop/web applications, see widget engine. For other uses, see widget (disambiguation).
gtk3-demo, a program to demonstrate the graphical control elements in GTK+ version 3.
Graphical control elements in Qt rendered according to three different skins (artistic design): Plastik, Keramik, and Windows
Various widgets
Example of enabled and disabled widgets; the frame at the bottom is disabled, they are grayed out.

A graphical control element or widget is an element of interaction in a graphical user interface (GUI), such as a button or a scroll bar. Controls are software components that a computer user interacts with through direct manipulation to read or edit information about an application. User interface libraries, such as e.g. GTK+ or Cocoa, contain a collection of graphical control elements and the logic to render these.

Each widget facilitates a specific type of user-computer interaction, and appears as a visible part of the application's GUI as defined by the theme and rendered by the rendering engine. The theme makes all graphical control elements adhere to a unified aesthetic design and creates a sense of overall cohesion. Some widgets support interaction with the user, for example labels, buttons, and check boxes. Others act as containers that group the widgets added to them, for example windows, panels, and tabs.

Structuring a user interface with widget toolkits allow developers to reuse code for similar tasks, and provides users with a common language for interaction, maintaining consistency throughout the whole information system.

Graphical user interface builders, such as e.g. Glade Interface Designer, facilitate the authoring of GUIs in a WYSIWYG manner employing a user interface markup language such as in this case GtkBuilder. It automatically generates all the source code for a graphical control element from general descriptions provided by the developer, usually through direct manipulation.

History and use[edit]

Any graphical control element displays an information arrangement changeable by the user, such as a window or a text box. The defining characteristic of a widget is to provide a single interaction point for the direct manipulation of a given kind of data. In other words, widgets are basic visual building blocks which, combined in an application, hold all the data processed by the application and the available interactions on this data.

GUI widgets are graphical elements, which are used to build the human-machine-interface of a program. GUI widgets are implemented like software components. Widget toolkits and software frameworks, like e.g. GTK+ or Qt, contain them in software libraries so that programmers can use them to build GUIs for their programs.

A family of common reusable widgets has evolved for holding general information based on the Palo Alto Research Center Inc. research for the Xerox Alto User Interface. Various implementations of these generic widgets are often packaged together in widget toolkits, which programmers use to build graphical user interfaces (GUIs). Most operating systems include a set of ready-to-tailor widgets that a programmer can incorporate in an application, specifying how it is to behave. Each type of widget generally is defined as a class by object-oriented programming (OOP). Therefore, many widgets are derived from class inheritance.

In the context of an application, a widget may be enabled or disabled at a given point in time. An enabled widget has the capacity to respond to events, such as keystrokes or mouse actions. A widget that cannot respond to such events is considered disabled. The appearance of disabled widget is typically different from an enabled widget; the disabled widget may be drawn in a lighter color, or may be visually obscured in some way. See the image to the right for an example.

Widgets are sometimes qualified as virtual to distinguish them from their physical counterparts, e.g. virtual buttons that can be clicked with a pointer, vs. physical buttons that can be pressed with a finger.

A related (but different) concept is the desktop widget, a small specialized GUI application that provides some visual information and/or easy access to frequently used functions such as clocks, calendars, news aggregators, calculators and desktop notes. These kinds of widgets are hosted by a widget engine.

Etymology[edit]

“Widget” entered American English around 1920 as a generic term for any useful device, particularly a product manufactured for sale. In computer use it has been borrowed as a shortened form of “window gadget,” and was first applied to user interface elements during Project Athena in 1988.[citation needed] The word was chosen because "all other common terms were overloaded with inappropriate connotations" – since the project's Intrinsics toolkit associated each widget with a window of the underlying X Window System – and because of the common prefix with the word window.[1]

List of common generic widgets[edit]

  • Selection and display of collections
    • Button – control which can be clicked upon to perform an action. An equivalent to a push-button as found on mechanical or electronic instruments.
      • Radio button – control which can be clicked upon to select an option from a selection of options. Its name comes from the mechanical push-button group on a car radio receiver. Radio buttons always appear in pairs or larger groups, and only one option in the group can be selected at a time; selecting a new item from the group's buttons also de-selects the previously selected button.
      • Check box – control which can be clicked upon to select or de-select an option. The box indicates an "on" or "off" state via a check mark ☑ or a cross ☒. Sometimes can appear in an intermediate state (shaded or with a dash) to indicate that various objects in a multiple selection have different values for the property represented by the check box. Multiple check boxes in a group may be selected, in contrast with radio buttons.
      • Split button – control combining a button (typically invoking some default action) and a drop-down list with related, secondary actions
      • Cycle button - a button that cycles its content through two or more values, thus enabling selection of one from a group of items.
    • Slider – control with a handle that can be moved up and down (vertical slider) or right and left (horizontal slider) on a bar to select a value (or a range if two handles are present). The bar allows users to make adjustments to a value or process throughout a range of allowed values.
    • List box. A GUI widget that allows the user to select one or more items from a list contained within a static, multiple line text box.
    • Spinner – value input control which has small up and down buttons to step through a range of values
    • Drop-down list. A list of items from which to select. The list normally only displays items when a special button or indicator is clicked.
    • Menu – control with multiple actions which can be clicked upon to choose a selection to activate
      • Context menu – a type of menu whose contents depend on the context or state in effect when the menu is invoked
      • Pie menu
    • Menu bar
    • Toolbar
      • Ribbon - an hybrid of menu and toolbar, displaying a large collection of commands in a visual layout through a tabbed interface.
    • Combo box (text box with attached menu or List box). A combination of a single-line text box and a drop-down list or list box, allowing the user to either type a value directly into the control or choose from the list of existing options.
    • Icon
    • Tree view
    • Grid view or datagrid - a spreadsheet-like tabular view of data that allows numbers or text to be entered in rows and columns.
  • Navigation
    • Link. Text with some kind of indicator (usually underlining and/or color) that indicates that clicking it will take one to another screen or page.
    • Tab
    • Scrollbar
  • Text/value input
  • Output
  • Containers

See also[edit]

References[edit]

  1. ^ Ralph R. Swick, Mark S. Ackerman (1988). "The X Toolkit: More Bricks for Building User-Interfaces, or, Widgets for Hire". USENIX Winter. pp. 221–228. Retrieved 2007-01-03. 

External links[edit]

Wikipedia content is licensed under the GFDL License
Powered by YouTube
LEGAL
  • Mashpedia © 2014