QML NumericField Element
A text box with label that accepts numeric keyboard input when the input box has focus. More...
Properties
Detailed Description
The NumericField type provides an input box with a text label that can be styled using field spacings and font properties. When the input box has focus a keyboard will slide out to allow a user to input numeric text.
Here is a simple NumericField:
import QtQuick 1.1
import "components"
NumericField {
id: numeric_field1
width: 180
max: 100
min: 0
fieldSpacing: 4
inputText: ""
keyTextColor: "#ffffff"
keyTextBold: false
keyTextFontSize: 14
inputColor: "#ffffff"
labelColor: "#000000"
inputFontPixelSize: 14
keyboardAnimationSpeed: 100
inputFontFamily: "Arial"
labelFontFamily: "Arial"
labelFontPixelSize: 14
labelText: "Label"
onValueChanged: {
console.debug(value);
}
}
Property Documentation
The space in pixels between the label and the input box.
The color of the input box.
Determines if the input font should be bold.
The font family that will be used for the input box.
Determines if the input font should be italic.
The font pixel size that will be used for the input box. Use either inputFontPixelSize or inputFontPointSize.
The font point size that will be used for the input box. Use either inputFontPixelSize or inputFontPointSize.
inputFontStrikeout : bool |
Determines if the input font should be strikeout.
inputFontUnderline : bool |
Determines if the input font should be underlined.
The text that will be displayed for the input box.
keyBoardAnimationSpeed : int |
The animation speed for the keyboard to scroll up into position.
The height of the keyboard button.
Determines if the key text should be bold.
The color of the text that is on the keyboard button.
Determined the size of the key text.
The width of the keyboard button.
keyboardBackGroundImage : url |
The source image for the keyboard area background.
The text color for the label.
Determines if the label font should be bold.
The font family that will be used for the label.
Determines if the label font should be italic.
The font pixel size that will be used for the label. Use either labelFontPixelSize or labelFontPointSize.
The font point size that will be used for the label. Use either labelFontPixelSize or labelFontPointSize.
labelFontStrikeout : bool |
Determines if the label font should be strikeout.
labelFontUnderline : bool |
Determines if the label font should be underlined.
The text that will be displayed for the label.
The maximum value for the numeric field.
The minimum value for the numeric field.
The source image for the keyboard button up state.
The source image for the keyboard button down state.
The width of the label, spacing and input box.