1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
|
// Copyright (C) 2017 The Qt Company Ltd.
// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR LGPL-3.0-only OR GPL-2.0-only OR GPL-3.0-only
import QtQuick
import QtQuick.Templates as T
import QtQuick.Controls.Imagine
import QtQuick.Controls.Imagine.impl
T.SpinBox {
id: control
implicitWidth: Math.max(implicitBackgroundWidth + leftInset + rightInset,
contentItem.implicitWidth + 2 * padding +
up.implicitIndicatorWidth +
down.implicitIndicatorWidth)
implicitHeight: Math.max(implicitContentHeight + topPadding + bottomPadding,
implicitBackgroundHeight,
up.implicitIndicatorHeight,
down.implicitIndicatorHeight)
topPadding: background ? background.topPadding : 0
leftPadding: (background ? background.leftPadding : 0) + (control.mirrored ? (up.indicator ? up.indicator.width : 0) : (down.indicator ? down.indicator.width : 0))
rightPadding: (background ? background.rightPadding : 0) + (control.mirrored ? (down.indicator ? down.indicator.width : 0) : (up.indicator ? up.indicator.width : 0))
bottomPadding: background ? background.bottomPadding : 0
topInset: background ? -background.topInset || 0 : 0
leftInset: background ? -background.leftInset || 0 : 0
rightInset: background ? -background.rightInset || 0 : 0
bottomInset: background ? -background.bottomInset || 0 : 0
validator: IntValidator {
locale: control.locale.name
bottom: Math.min(control.from, control.to)
top: Math.max(control.from, control.to)
}
contentItem: TextInput {
z: 2
text: control.displayText
opacity: control.enabled ? 1 : 0.3
font: control.font
color: control.palette.text
selectionColor: control.palette.highlight
selectedTextColor: control.palette.highlightedText
horizontalAlignment: Qt.AlignHCenter
verticalAlignment: Qt.AlignVCenter
readOnly: !control.editable
validator: control.validator
inputMethodHints: control.inputMethodHints
NinePatchImage {
z: -1
width: control.width
height: control.height
visible: control.editable
source: Imagine.url + "spinbox-editor"
NinePatchImageSelector on source {
states: [
{"disabled": !control.enabled},
{"focused": control.activeFocus},
{"mirrored": control.mirrored},
{"hovered": control.hovered}
]
}
}
}
up.indicator: NinePatchImage {
x: control.mirrored ? 0 : control.width - width
height: control.height
source: Imagine.url + "spinbox-indicator"
NinePatchImageSelector on source {
states: [
{"up": true},
{"disabled": !control.up.indicator.enabled},
{"editable": control.editable},
{"pressed": control.up.pressed},
{"focused": control.activeFocus},
{"mirrored": control.mirrored},
{"hovered": control.up.hovered}
]
}
}
down.indicator: NinePatchImage {
x: control.mirrored ? control.width - width : 0
height: control.height
source: Imagine.url + "spinbox-indicator"
NinePatchImageSelector on source {
states: [
{"down": true},
{"disabled": !control.down.indicator.enabled},
{"editable": control.editable},
{"pressed": control.down.pressed},
{"focused": control.activeFocus},
{"mirrored": control.mirrored},
{"hovered": control.down.hovered}
]
}
}
background: NinePatchImage {
source: Imagine.url + "spinbox-background"
NinePatchImageSelector on source {
states: [
{"disabled": !control.enabled},
{"editable": control.editable},
{"focused": control.activeFocus},
{"mirrored": control.mirrored},
{"hovered": control.hovered}
]
}
}
}
|
