Share
VIDEOS 1 TO 50
How To Create First Qt GUI Widget Application in C++ Using Qt Creator
How To Create First Qt GUI Widget Application in C++ Using Qt Creator
Published: 2016/01/24
Channel: ProgrammingKnowledge
Introduction To User Interface Widgets - #45 Unreal Engine 4 Beginner Tutorial Series
Introduction To User Interface Widgets - #45 Unreal Engine 4 Beginner Tutorial Series
Published: 2016/04/11
Channel: Virtus Learning Hub / Creative Tutorials
Python GUI with Tkinter - 3 - Fitting Widgets in your Layout
Python GUI with Tkinter - 3 - Fitting Widgets in your Layout
Published: 2014/09/11
Channel: thenewboston
Qt Tutorials For Beginners 4 - First Qt GUI widget Application
Qt Tutorials For Beginners 4 - First Qt GUI widget Application
Published: 2016/04/12
Channel: ProgrammingKnowledge
Python Gui - 2 widget controls on the frame
Python Gui - 2 widget controls on the frame
Published: 2013/06/02
Channel: george boole
CS 193A Lecture 02: Layout and GUI widgets
CS 193A Lecture 02: Layout and GUI widgets
Published: 2017/04/17
Channel: martystepp
GUI
GUI's with tkinter - Adding Widgets Part 1
Published: 2015/10/09
Channel: Brian Wilkinson
Color picker widget - PyQt with Python GUI  Programming tutorial
Color picker widget - PyQt with Python GUI Programming tutorial
Published: 2015/06/08
Channel: sentdex
C++ GUI with Qt Tutorial - 8 - Syncing Widgets and Layouts
C++ GUI with Qt Tutorial - 8 - Syncing Widgets and Layouts
Published: 2012/06/30
Channel: thenewboston
007 GUI with Python: How to place widgets with a Frame
007 GUI with Python: How to place widgets with a Frame
Published: 2016/04/01
Channel: Programming Python
Qt Widgets - Multiple UI Screens with Stacked Widgets
Qt Widgets - Multiple UI Screens with Stacked Widgets
Published: 2016/11/18
Channel: CrossControl
Widget (GUI) Top # 11 Facts
Widget (GUI) Top # 11 Facts
Published: 2015/10/27
Channel: Devang Nanavati
Embedded gui widget library. Radio and check
Embedded gui widget library. Radio and check
Published: 2015/08/16
Channel: Barry Carter
011 GUI with Python: How to use the Entry-Widget
011 GUI with Python: How to use the Entry-Widget
Published: 2016/08/10
Channel: Programming Python
Widget GUI Test v1.0
Widget GUI Test v1.0
Published: 2014/11/11
Channel: XCSFilms
IPython Widget GUI for Spectroscopy
IPython Widget GUI for Spectroscopy
Published: 2014/12/09
Channel: Adam Hughes
Widget GUI Test v1.1
Widget GUI Test v1.1
Published: 2014/11/11
Channel: XCSFilms
010 GUI with Python: how to control the position of a widget in a cell
010 GUI with Python: how to control the position of a widget in a cell
Published: 2016/07/12
Channel: Programming Python
Font Widget - PyQt with Python GUI  Programming tutorial 11
Font Widget - PyQt with Python GUI Programming tutorial 11
Published: 2015/06/05
Channel: sentdex
GUI Widget Framework Written In Rust - Conrod Demo
GUI Widget Framework Written In Rust - Conrod Demo
Published: 2014/08/29
Channel: Mitchell Nordine
012 GUI with Python: Manipulating the content of the Entry-Widget
012 GUI with Python: Manipulating the content of the Entry-Widget
Published: 2016/08/10
Channel: Programming Python
Godot Tutorial -- GUI Programming.  Using Controls, Widgets and Containers
Godot Tutorial -- GUI Programming. Using Controls, Widgets and Containers
Published: 2015/02/17
Channel: Gamefromscratch
4. Introduction to using GUI Widgets
4. Introduction to using GUI Widgets
Published: 2016/02/23
Channel: Rory Walsh
Python GUI with Tkinter Button widget | #3
Python GUI with Tkinter Button widget | #3
Published: 2017/10/22
Channel: ratul arora
Battlefield 2 Clone in Unreal Engine 4 - 11 - GUI Radial Selection Widget aka Pie Menu
Battlefield 2 Clone in Unreal Engine 4 - 11 - GUI Radial Selection Widget aka Pie Menu
Published: 2015/11/05
Channel: UnrealTek
Python GUI with Tkinter Box Widget | #1
Python GUI with Tkinter Box Widget | #1
Published: 2017/10/22
Channel: ratul arora
How to use Scale Widget in Python : Python GUI Programming using Tkinter # Tutorial - 8
How to use Scale Widget in Python : Python GUI Programming using Tkinter # Tutorial - 8
Published: 2016/12/24
Channel: HowTo
How to put gui widget in particular order | Python GUI Programming Using Tkinter # Tutorial - 3
How to put gui widget in particular order | Python GUI Programming Using Tkinter # Tutorial - 3
Published: 2016/11/30
Channel: HowTo
Widgets Anywhere - WordPress plugin which provide a gui for inserting widget
Widgets Anywhere - WordPress plugin which provide a gui for inserting widget
Published: 2012/03/15
Channel: A H M Shahnur Alam
Tkinter Module  - GUI Window Simple Widget
Tkinter Module - GUI Window Simple Widget
Published: 2017/04/10
Channel: 10 Second Python Tutorials
015 GUI with Python: a Scrollbar for the Listbox-Widget
015 GUI with Python: a Scrollbar for the Listbox-Widget
Published: 2016/08/10
Channel: Programming Python
How to Create a GUI Restaurant Management Systems in Python - Tutorial 1
How to Create a GUI Restaurant Management Systems in Python - Tutorial 1
Published: 2016/07/19
Channel: DJ Oamen
Python GUI with Tkinter in hindi | #11
Python GUI with Tkinter in hindi | #11
Published: 2017/04/19
Channel: Well Academy
GUI (widgets)
GUI (widgets)
Published: 2012/11/23
Channel: Chao Xu
Widget Candy GUI for Corona & Gideros SDK - New Widgets [1080p]
Widget Candy GUI for Corona & Gideros SDK - New Widgets [1080p]
Published: 2013/12/08
Channel: XpressiveGames
011 GUI mit Python: das Entry-widget und die Methoden delete() und insert()
011 GUI mit Python: das Entry-widget und die Methoden delete() und insert()
Published: 2016/03/22
Channel: Frederik Weitz
How to change font size and font-family on PySide gui widget
How to change font size and font-family on PySide gui widget
Published: 2014/06/22
Channel: Chris Hawkes
046 GUI mit Python: das Notebook-Widget aus dem Modul tkinter.ttk
046 GUI mit Python: das Notebook-Widget aus dem Modul tkinter.ttk
Published: 2016/03/29
Channel: Frederik Weitz
Custom guichan widget in GCe gui editor
Custom guichan widget in GCe gui editor
Published: 2007/10/12
Channel: chriscchrisc
GPAC Widget Manager (iPhone-like GUI)
GPAC Widget Manager (iPhone-like GUI)
Published: 2010/12/08
Channel: Cyril Concolato
Unreal Engine 4 101 Vol1. Ep.6 Creating a GUI for Our Game Using HUDs & UMG Widgets
Unreal Engine 4 101 Vol1. Ep.6 Creating a GUI for Our Game Using HUDs & UMG Widgets
Published: 2015/05/13
Channel: BlenderTek
008 GUI mit Python: widgets mit dem grid()-Befehl anordnen
008 GUI mit Python: widgets mit dem grid()-Befehl anordnen
Published: 2016/03/22
Channel: Frederik Weitz
PyQt4 (Python GUI) 5: Tables on GUIs
PyQt4 (Python GUI) 5: Tables on GUIs
Published: 2016/01/07
Channel: PyRevolution
GUI Python (Dasar Tkinter) | Bagian 8 (Membuat Widget)
GUI Python (Dasar Tkinter) | Bagian 8 (Membuat Widget)
Published: 2017/04/12
Channel: Belakang Layar
Opening files with file picker - PyQt with Python GUI  Programming tutorial 14
Opening files with file picker - PyQt with Python GUI Programming tutorial 14
Published: 2015/06/09
Channel: sentdex
How to define GUI text widgets to variables in Python 3 (C+)
How to define GUI text widgets to variables in Python 3 (C+)
Published: 2016/12/21
Channel: THE GNOME2
Python GUI Tutorial: How to use pack geometry manager
Python GUI Tutorial: How to use pack geometry manager
Published: 2016/07/12
Channel: Master Code Online
Programação de Jogos 2D   -  Interface com Usuário estilo GUI/Widget
Programação de Jogos 2D - Interface com Usuário estilo GUI/Widget
Published: 2016/11/16
Channel: Eduardo Damasceno
QT C++ GUI Tutorial 6- How to use HTML QT Widgets
QT C++ GUI Tutorial 6- How to use HTML QT Widgets
Published: 2013/07/27
Channel: ProgrammingKnowledge
LibGDX Scene2D -- UI, Widgets and Skins
LibGDX Scene2D -- UI, Widgets and Skins
Published: 2015/02/03
Channel: Gamefromscratch
NEXT
GO TO RESULTS [51 .. 100]

WIKIPEDIA ARTICLE

From Wikipedia, the free encyclopedia
  (Redirected from GUI widget)
Jump to: navigation, search
gtk3-demo, a program to demonstrate the widgets in GTK+ version 3.
Qt widgets rendered according to three different skins (artistic design): Plastik, Keramik, and Windows
Various widgets shown in Ubuntu.
Example of enabled and disabled widgets; the frame at the bottom is disabled, they are grayed out.

A control element (sometimes called a control or widget) in a graphical user interface is an element of interaction, 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 Windows Presentation Foundation, GTK+, and Cocoa, contain a collection of controls and the logic to render these.[1]

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 widgets 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 allows 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 facilitate the authoring of GUIs in a WYSIWYG manner employing a user interface markup language. They automatically generate all the source code for a widget from general descriptions provided by the developer, usually through direct manipulation.

History and use[edit]

Any widget 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 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 a widget typically differs depending on whether it is enabled or disabled; when disabled, a widget may be drawn in a lighter color or be obscured visually in some way. See the adjacent image 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.[2]

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 one option from a selection of options, similar to selecting a radio station from a group of buttons dedicated to radio tuning. 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 enable or disable an option. Also called a tick box. The box indicates an "on" or "off" state via a check mark/tick ☑ or a cross ☒. Can be shown 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 graphical control element 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 – a circular context menu where selection depends on direction
    • Menu bar – a graphical control element which contains drop down menus
    • Toolbar – a graphical control element on which on-screen buttons, icons, menus, or other input or output elements are placed
      • Ribbon – a 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 – a quickly comprehensible symbol of a software tool, function, or a data file,
    • Tree view – a graphical control element that presents a hierarchical view of information
    • 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 – a graphical control element that allows multiple documents or panels to be contained within a single window
    • Scrollbar – a graphical control element by which continuous text, pictures, or any other content can be scrolled in a predetermined direction (up, down, left, or right)
  • Text/value input
    • Text box – (edit field) - a graphical control element intended to enable the user to input text
    • Combo box – a graphical control element combining a drop-down list or list box and a single-line editable textbox
  • Output
    • Label – text used to describe another widget
    • Tooltip – informational window which appears when the mouse hovers over another control
    • Balloon help
    • Status bar – a graphical control element which poses an information area typically found at the window's bottom
    • Progress bar – a graphical control element used to visualize the progression of an extended computer operation, such as a download, file transfer, or installation
    • Infobar – a graphical control element used by many programs to display non-critical information to a user
  • Container
    • Window – a graphical control element consisting of a visual area containing some of the graphical user interface elements of the program it belongs to
      • Collapsible panel – a panel that can compactly store content which is hidden or revealed by clicking the tab of the widget
      • Accordion – a vertically stacked list of items, such as labels or thumbnails where each item can be "expanded" to reveal the associated content
      • Modal window – a graphical control element subordinate to an application's main window which creates a mode where the main window can't be used.
      • Dialog box – a small window that communicates information to the user and prompts for a response
      • Palette window – also known as "Utility window" - a graphical control element which floats on top of all regular windows and offers ready access tools, commands or information for the current application
        • Inspector window – a type of dialog window that shows a list of the current attributes of a selected object and allows these parameters to be changed on the fly
      • Frame – a type of box within which a collection of graphical control elements can be grouped as a way to show relationships visually
      • Canvas – generic drawing element for representing graphical information
      • Cover Flow – an animated, three-dimensional element to visually flipping through snapshots of documents, website bookmarks, album artwork, or photographs.
      • Bubble Flow – an animated, two-dimensional element that allows users to browse and interact the entire tree view of a discussion thread.

See also[edit]

References[edit]

  1. ^ "Microsoft: Graphic elements". https://msdn.microsoft.com. Microsoft. Retrieved 27 April 2015.  External link in |website= (help)
  2. ^ 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]

Disclaimer

None of the audio/visual content is hosted on this site. All media is embedded from other sites such as GoogleVideo, Wikipedia, YouTube etc. Therefore, this site has no control over the copyright issues of the streaming media.

All issues concerning copyright violations should be aimed at the sites hosting the material. This site does not host any of the streaming media and the owner has not uploaded any of the material to the video hosting servers. Anyone can find the same content on Google Video or YouTube by themselves.

The owner of this site cannot know which documentaries are in public domain, which has been uploaded to e.g. YouTube by the owner and which has been uploaded without permission. The copyright owner must contact the source if he wants his material off the Internet completely.

Powered by YouTube
Wikipedia content is licensed under the GFDL and (CC) license