Input Controls

Qt Quick Controls 2 offers a variety of input controls for both numeric and textual input.

ComboBox

A combined button and popup list taking minimal space

Dial

A circular dial that is rotated to set a value

RangeSlider

A slider control used to select a range of values

Slider

Selects a value by sliding a handle along a track

TextArea

A multi line text input control

TextField

A single line text input control

Tumbler

A spinnable wheel of items that can be selected

Each type of input control has its own specific target use case. The following sections offer guidelines for choosing the appropriate type of input control, depending on the use case.

ComboBox Control

ComboBox is used to select a value from a static multiple-line drop-down list. It is not possible to add new values, and only one option can be selected.

Recommendations:

  • If the number of values is very large, consider applying a filter.
  • If the list is very limited, consider using RadioButton. This has the advantage that the user can see all options at the same time.
  • Select a default value, the value that will be chosen most often.

See also CheckBox Control, Tumbler Control.

Dial Control

Dial is similar to a traditional dial knob that is found on devices such as stereos or industrial equipment.

The dial is rotated by clicking and dragging, with the handle indicating the value of the dial.

See also Tumbler Control.

TextArea Control

TextArea is a multi-line text editor.

TextField Control

TextField is a single line text editor.

See also Tumbler Control.

Slider Control

Slider is used to select a value by sliding a handle along a track.

RangeSlider Control

RangeSlider is used to select a range specified by two values, by sliding each handle along a track.

See also Slider Control.

Tumbler Control

Tumbler is a spinnable wheel of items that can be selected.

See also ComboBox Control.