Introduction
A graphical user interface (GUI) allows a user to interact visually with a program. A GUI (pronounced "GOO-ee") gives a program a distinctive "look" and "feel." Providing different applications with a consistent set of intuitive user-interface components enables users to become productive with each application faster.
|
As an example of a GUI, consider Fig. 13.1, which shows an Internet Explorer Web browser window containing various GUI controls. Near the top of the window, there is a menu bar containing the menus File, Edit, View, Favorites, Tools and Help. Below the menu bar is a set of buttons, each of which has a defined task in Internet Explorer, such as going back to the previously viewed Web page, printing the current page or refreshing the page. Below these buttons lies a combobox, in which users can type the locations of Web sites that they wish to visit. To the left of the combobox is a label (Address) that indicates the combobox's purpose (in this case, entering the location of a Web site). Scrollbars are located at the right side and bottom of the window. Usually, scrollbars appear when a window contains more information than can be displayed in the window's viewable area. Scrollbars enable a user to view different portions of the window's contents. These controls form a user-friendly interface through which the user interacts with the Internet Explorer Web browser.
Figure 13.1. GUI controls in an Internet Explorer window.
GUIs are built from GUI controls (which are sometimes called components or widgetsshort for window gadgets). GUI controls are objects that can display information on the screen or enable users to interact with an application via the mouse, keyboard or some other form of input (such as voice commands). Several common GUI controls are listed in Fig. 13.2in the sections that follow and in Chapter 14, we discuss each of these in detail. Chapter 14 also explores the features and properties of additional GUI controls.
Control |
Description |
---|---|
Label |
Displays images or uneditable text. |
TextBox |
Enables the user to enter data via the keyboard. It can also be used to display editable or uneditable text. |
Button |
Triggers an event when clicked with the mouse. |
CheckBox |
Specifies an option that can be selected (checked) or unselected (not checked). |
ComboBox |
Provides a drop-down list of items from which the user can make a selection either by clicking an item in the list or by typing in a box. |
ListBox |
Provides a list of items from which the user can make a selection by clicking an item in the list. Multiple elements can be selected. |
Panel |
A container in which controls can be placed and organized. |
NumericUpDown |
Enables the user to select from a range of input values. |