<Li> Selection and display of collections <Ul> <Li> Button -- control which can be clicked upon to perform an action . An equivalent to a push - button as found on mechanical or electronic instruments . <Ul> <Li> 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 . </Li> <Li> 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 . </Li> <Li> Split button -- control combining a button ( typically invoking some default action ) and a drop - down list with related , secondary actions </Li> <Li> Cycle button - a button that cycles its content through two or more values , thus enabling selection of one from a group of items . </Li> </Ul> </Li> <Li> 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 . </Li> <Li> 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 . </Li> <Li> Spinner -- value input control which has small up and down buttons to step through a range of values </Li> <Li> 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 . </Li> <Li> Menu -- control with multiple actions which can be clicked upon to choose a selection to activate <Ul> <Li> Context menu -- a type of menu whose contents depend on the context or state in effect when the menu is invoked </Li> <Li> Pie menu -- a circular context menu where selection depends on direction </Li> </Ul> </Li> <Li> Menu bar -- a graphical control element which contains drop down menus </Li> <Li> Toolbar -- a graphical control element on which on - screen buttons , icons , menus , or other input or output elements are placed <Ul> <Li> Ribbon -- a hybrid of menu and toolbar , displaying a large collection of commands in a visual layout through a tabbed interface . </Li> </Ul> </Li> <Li> 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 . </Li> <Li> Icon -- a quickly comprehensible symbol of a software tool , function , or a data file , </Li> <Li> Tree view -- a graphical control element that presents a hierarchical view of information </Li> <Li> Grid view or datagrid -- a spreadsheet - like tabular view of data that allows numbers or text to be entered in rows and columns . </Li> </Ul> </Li>
<Li> Selection and display of collections <Ul> <Li> Button -- control which can be clicked upon to perform an action . An equivalent to a push - button as found on mechanical or electronic instruments . <Ul> <Li> 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 . </Li> <Li> 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 . </Li> <Li> Split button -- control combining a button ( typically invoking some default action ) and a drop - down list with related , secondary actions </Li> <Li> Cycle button - a button that cycles its content through two or more values , thus enabling selection of one from a group of items . </Li> </Ul> </Li> <Li> 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 . </Li> <Li> 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 . </Li> <Li> Spinner -- value input control which has small up and down buttons to step through a range of values </Li> <Li> 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 . </Li> <Li> Menu -- control with multiple actions which can be clicked upon to choose a selection to activate <Ul> <Li> Context menu -- a type of menu whose contents depend on the context or state in effect when the menu is invoked </Li> <Li> Pie menu -- a circular context menu where selection depends on direction </Li> </Ul> </Li> <Li> Menu bar -- a graphical control element which contains drop down menus </Li> <Li> Toolbar -- a graphical control element on which on - screen buttons , icons , menus , or other input or output elements are placed <Ul> <Li> Ribbon -- a hybrid of menu and toolbar , displaying a large collection of commands in a visual layout through a tabbed interface . </Li> </Ul> </Li> <Li> 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 . </Li> <Li> Icon -- a quickly comprehensible symbol of a software tool , function , or a data file , </Li> <Li> Tree view -- a graphical control element that presents a hierarchical view of information </Li> <Li> Grid view or datagrid -- a spreadsheet - like tabular view of data that allows numbers or text to be entered in rows and columns . </Li> </Ul> </Li>
5 types of control that could be programmed on a gui
5 types of control that could be programmed on a gui
Button Slider List box Spinner Drop - down list
Button Slider List box Spinner Drop - down list