Widgets»Spinner

Spinner

Spinner widgets come in multiple varieties. First, there is the distinction of:

  • .*Spinner
  • .*InputSpinner

The former is a tiny widget composed of two buttons stacked vertically. The upper one increases a numeric value stored by the Spinner, while the lower one decreases it.

The latter is a widget composed of an InputArea and a Spinner. The numeric value may then be manipulated using the text field and the tiny buttons. It may be thought of as a combo box for numeric values.

The secondary separation of spinners is by type. Hybrid contains built-in spinners and input-spinners for ubytes, ints, floats and doubles. That yields eight widgets:

  • UbyteSpinner, IntSpinner, FloatSpinner, DoubleSpinner
  • UbyteInputSpinner, IntInputSpinner, FloatInputSpinner, DoubleInputSpinner

Source docs

HBox().cfg(`layout = { spacing = 5; attribs = "hexpand"; }`) [{
    FloatSpinner();
    UbyteSpinner();
    IntSpinner();
}];

FloatInputSpinner();
UbyteInputSpinner();
IntInputSpinner();

.*Spinner values may be additionally be changed using up-and down cursor keys. Holding a cursor key, just like holding an up/down button in the Spinner will change the value continuously, increasing the rate of change with time.