Qt 5.7 | Qt Quick Controls | QML Types | SpinBox QML Type

Qt 5.7.1 Reference Documentation

# SpinBox QML Type

Provides a spin box control. More...

Import Statement: | import QtQuick.Controls 1.4
Since: | Qt 5.1

- List of all members, including inherited members

## Properties

- activeFocusOnPress : bool
- cursorPosition : int
- decimals : int
- font : font
- horizontalAlignment : int
- hovered : bool
- inputMethodComposing : bool
- maximumValue : real
- menu : Component
- minimumValue : real
- prefix : string
- selectByMouse : bool
- stepSize : real
- style : Component
- suffix : string
- value : real

## Signals

- editingFinished()

## Detailed Description

SpinBox allows the user to choose a value by clicking the up or down buttons, or by pressing up or down on the keyboard. The user can also type the value in manually.

By default the SpinBox provides discrete values in the range [0-99] with a stepSize of 1 and 0 decimals.

      SpinBox {
          id: spinbox
      }

Note that if you require decimal values you will need to set the decimals to a non 0 value.

      SpinBox {
          id: spinbox
          decimals: 2
      }

## Property Documentation

activeFocusOnPress : bool

This property indicates whether the Spinbox should get active focus when pressed. The default value is `true`.

cursorPosition : int

This property holds the position of the cursor in the SpinBox.

This QML property was introduced in QtQuick.Controls 1.5.

decimals : int

This property indicates the amount of decimals. Note that if you enter more decimals than specified, they will be truncated to the specified amount of decimal places. The default value is `0`.

font : font

This property indicates the current font used by the SpinBox.

horizontalAlignment : int

This property indicates how the content is horizontally aligned within the text field.

The supported values are:

- Qt.AlignLeft
- Qt.AlignHCenter
- Qt.AlignRight

The default value is style dependent.

This QML property was introduced in QtQuick.Controls 1.1.

[read-only] hovered : bool

This property indicates whether the control is being hovered.

[read-only] inputMethodComposing : bool

This property holds whether the SpinBox has partial text input from an input method.

While it is composing an input method may rely on mouse or key events from the SpinBox to edit or commit the partial text. This property can be used to determine when to disable events handlers that may interfere with the correct operation of an input method.

This QML property was introduced in QtQuick.Controls 1.3.

maximumValue : real

The maximum value of the SpinBox range. The value is clamped to this value. If maximumValue is smaller than minimumValue, minimumValue will be enforced.

The default value is `99`.

menu : Component

This property contains the edit Menu for working with text selection. Set it to `null` if no menu is wanted.

This QML property was introduced in QtQuick.Controls 1.3.

minimumValue : real

The minimum value of the SpinBox range. The value is clamped to this value.

The default value is `0.0`.

prefix : string

The prefix for the value. I.e "$"

selectByMouse : bool

This property determines if the user can select the text with the mouse.

The default value is `true`.

This QML property was introduced in QtQuick.Controls 1.3.

stepSize : real

The amount by which the value is incremented/decremented when a spin button is pressed.

The default value is `1.0`.

style : Component

The style Component for this control.

See also Qt Quick Controls Styles QML Types.

suffix : string

The suffix for the value. I.e "cm"

value : real

The value of this SpinBox, clamped to minimumValue and maximumValue.

The default value is `0.0`.

## Signal Documentation

editingFinished()

This signal is emitted when the Return or Enter key is pressed or the control loses focus.

The corresponding handler is `onEditingFinished`.

This QML signal was introduced in QtQuick.Controls 1.1.