The ComboBox control (also often referred to as a drop-down control) allows the user to select a value from a list of options. It expands and collapses in response to user activity.
The ComboBox control requires:
- An Text named TextInstance
- An object named ListBoxInstance which implements ListBoxBehavior (is a ListBox)
The ListBoxInstance is the part of the combo box which appears when the user clicks on the main body. The ListBoxInstance hides when the user selects an item in the list box, clicks on the combo box main body, or clicks outside of the combo box.
The combo box gum component can have the list box default to visible, but the ComboBox controll will control its visibility at runtime.
The ListBoxInstance is typically positioned outside of the bounds of the ComboBox.
The ComboBox control does not control the size of the list box when it is visible (when the ComboBox is expanded) – this is controlled by the Gum component.
Similarities with ListBox
The ComboBox class provides a similar interface to the ListBox class. This includes the following properties:
Furthermore, the ComboBox class provides the following event:
For more information on working with these properties and events, see the ListBox page:
The ListBoxItemGumType property is used to automatically instantiate ListBoxItem instances as needed whenever new objects are added to the Items property. This property is not needed if adding ListBoxItem instances to Items.
The ListBoxItemGumType should be a Gum runtime type which implements the ListBoxItem behavior.
The following example shows how to use the ListBoxItemType. property:
var comboBox = TutorialScreenGum
.FormsControlAsObject as ComboBox;
// This code assumes ListBoxItemGumRuntime is a Gum runtime with the
// ListBoxItem behavior
comboBox.ListBoxItemGumType = typeof(GumRuntimes.ListBoxItemRuntime);
The ComboBox’s Items collection exposes the Items collection of the Listbox which appears when the ComboBox expands. For information on working with Items, see the ListBox page.