101 lines
2.9 KiB
QML
101 lines
2.9 KiB
QML
import QtQuick
|
|
import QtQuick.Controls
|
|
import RibbonUI
|
|
|
|
SpinBox {
|
|
id: control
|
|
property bool isDarkMode: RibbonTheme.isDarkMode
|
|
property int iconSource
|
|
|
|
font.pixelSize: 13
|
|
|
|
implicitWidth: Math.max(implicitBackgroundWidth + leftInset + rightInset,
|
|
90 /* minimum */ )
|
|
implicitHeight: Math.max(implicitBackgroundHeight, up.implicitIndicatorHeight + down.implicitIndicatorHeight)
|
|
+ topInset + bottomInset
|
|
|
|
spacing: 2
|
|
|
|
|
|
// Push the background right to make room for the indicators
|
|
rightInset: up.implicitIndicatorWidth + spacing
|
|
|
|
leftPadding: 0
|
|
topPadding: 0
|
|
rightPadding: 0
|
|
bottomPadding: 0
|
|
|
|
|
|
validator: IntValidator {
|
|
locale: control.locale.name
|
|
bottom: Math.min(control.from, control.to)
|
|
top: Math.max(control.from, control.to)
|
|
}
|
|
|
|
contentItem: RibbonLineEdit {
|
|
text: control.displayText
|
|
font: control.font
|
|
color: isDarkMode ? "white" : "black"
|
|
selectionColor: isDarkMode ? "#4F5E7F" : "#BECDE8"
|
|
selectedTextColor: isDarkMode ? "white" : "black"
|
|
horizontalAlignment: Qt.AlignLeft
|
|
verticalAlignment: Qt.AlignVCenter
|
|
iconSource: control.iconSource
|
|
icon.iconSize: 16
|
|
|
|
topPadding: 2
|
|
bottomPadding: 2
|
|
leftPadding: icon.visible ? icon.contentWidth + padding*2 : 10
|
|
rightPadding: (clearBtn.visible ? clearBtn.width + padding*2 : 10) + up.indicator.width
|
|
|
|
readOnly: !control.editable
|
|
validator: control.validator
|
|
inputMethodHints: control.inputMethodHints
|
|
}
|
|
|
|
up.indicator: RibbonButton{
|
|
z: 1
|
|
x: parent.width - width
|
|
y: (parent.height / 2) - height + 2
|
|
implicitWidth: 20 - 2
|
|
implicitHeight: 12 - 2
|
|
iconSource: RibbonIcons.ChevronUp
|
|
ribbonIcon.iconSize: 10
|
|
showBg: false
|
|
showTooltip: false
|
|
onHoveredChanged: control.up.hovered = hovered
|
|
onPressedChanged: control.up.pressed = pressed
|
|
onClicked: increase()
|
|
}
|
|
|
|
down.indicator: RibbonButton{
|
|
z:1
|
|
x: parent.width - width
|
|
y: (parent.height / 2) - height - 1 + up.indicator.height
|
|
implicitWidth: 20 - 2
|
|
implicitHeight: 12 - 2
|
|
iconSource: RibbonIcons.ChevronDown
|
|
ribbonIcon.iconSize: 10
|
|
showBg: false
|
|
showTooltip: false
|
|
onHoveredChanged: control.down.hovered = hovered
|
|
onPressedChanged: control.down.pressed = pressed
|
|
onClicked: decrease()
|
|
}
|
|
|
|
background: Rectangle {
|
|
implicitWidth: 80
|
|
implicitHeight: 25
|
|
radius: 4
|
|
color: {
|
|
color: {
|
|
if (control.down)
|
|
return isDarkMode ? "#858585" : "#C9CACA"
|
|
if (control.hovered)
|
|
return isDarkMode ? "#5A5B5A" : "#E4E4E4"
|
|
return isDarkMode ? "#383838" : "#FFFFFF"
|
|
}
|
|
}
|
|
}
|
|
}
|