DoubleSpinBox.qml 5.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153
  1. // Copyright (C) 2025 The Qt Company Ltd.
  2. // SPDX-License-Identifier: LicenseRef-Qt-Commercial OR LGPL-3.0-only OR GPL-2.0-only OR GPL-3.0-only
  3. // Qt-Security score:significant reason:default
  4. import QtQuick
  5. import QtQuick.Templates as T
  6. import QtQuick.Controls.impl
  7. import QtQuick.Controls.Fusion
  8. import QtQuick.Controls.Fusion.impl
  9. T.DoubleSpinBox {
  10. id: control
  11. // Note: the width of the indicators are calculated into the padding
  12. implicitWidth: Math.max(implicitBackgroundWidth + leftInset + rightInset,
  13. contentItem.implicitWidth + leftPadding + rightPadding)
  14. implicitHeight: Math.max(implicitBackgroundHeight + topInset + bottomInset,
  15. implicitContentHeight + topPadding + bottomPadding,
  16. up.implicitIndicatorHeight + down.implicitIndicatorHeight)
  17. padding: 4
  18. leftPadding: padding + (control.mirrored ? (up.indicator ? up.indicator.width : 0) : 0)
  19. rightPadding: padding + (!control.mirrored ? (up.indicator ? up.indicator.width : 0) : 0)
  20. validator: DoubleValidator {
  21. locale: control.locale.name
  22. bottom: Math.min(control.from, control.to)
  23. top: Math.max(control.from, control.to)
  24. decimals: control.decimals
  25. }
  26. contentItem: TextInput {
  27. z: 2
  28. text: control.displayText
  29. font: control.font
  30. color: control.palette.text
  31. selectionColor: control.palette.highlight
  32. selectedTextColor: control.palette.highlightedText
  33. horizontalAlignment: Qt.AlignHCenter
  34. verticalAlignment: Qt.AlignVCenter
  35. readOnly: !control.editable
  36. validator: control.validator
  37. inputMethodHints: control.inputMethodHints
  38. clip: width < implicitWidth
  39. ContextMenu.menu: TextEditingContextMenu {
  40. editor: parent
  41. }
  42. }
  43. up.indicator: PaddedRectangle {
  44. x: control.mirrored ? 1 : control.width - width - 1
  45. y: 1
  46. height: control.height / 2 - 1
  47. implicitWidth: 16
  48. implicitHeight: 10
  49. radius: 1.7
  50. clip: true
  51. topPadding: -2
  52. leftPadding: -2
  53. color: control.up.pressed ? Fusion.buttonColor(control.palette, false, true, true) : "transparent"
  54. ColorImage {
  55. scale: -1
  56. width: parent.width
  57. height: parent.height
  58. opacity: enabled ? 1.0 : 0.5
  59. color: control.palette.buttonText
  60. source: "qrc:/qt-project.org/imports/QtQuick/Controls/Fusion/images/arrow.png"
  61. fillMode: Image.Pad
  62. }
  63. }
  64. down.indicator: PaddedRectangle {
  65. x: control.mirrored ? 1 : control.width - width - 1
  66. y: control.height - height - 1
  67. height: control.height / 2 - 1
  68. implicitWidth: 16
  69. implicitHeight: 10
  70. radius: 1.7
  71. clip: true
  72. topPadding: -2
  73. leftPadding: -2
  74. color: control.down.pressed ? Fusion.buttonColor(control.palette, false, true, true) : "transparent"
  75. ColorImage {
  76. width: parent.width
  77. height: parent.height
  78. opacity: enabled ? 1.0 : 0.5
  79. color: control.palette.buttonText
  80. source: "qrc:/qt-project.org/imports/QtQuick/Controls/Fusion/images/arrow.png"
  81. fillMode: Image.Pad
  82. }
  83. }
  84. background: Rectangle {
  85. implicitWidth: 120
  86. implicitHeight: 24
  87. radius: 2
  88. color: control.palette.base
  89. border.color: control.activeFocus ? Fusion.highlightedOutline(control.palette) : Fusion.outline(control.palette)
  90. Rectangle {
  91. x: 2
  92. y: 1
  93. width: parent.width - 4
  94. height: 1
  95. color: Fusion.topShadow
  96. }
  97. Rectangle {
  98. x: control.mirrored ? 1 : parent.width - width - 1
  99. y: 1
  100. width: Math.max(control.up.indicator ? control.up.indicator.width : 0,
  101. control.down.indicator ? control.down.indicator.width : 0) + 1
  102. height: parent.height - 2
  103. radius: 2
  104. gradient: Gradient {
  105. GradientStop {
  106. position: 0
  107. color: Fusion.gradientStart(Fusion.buttonColor(control.palette, control.visualFocus, false, control.up.hovered || control.down.hovered))
  108. }
  109. GradientStop {
  110. position: 1
  111. color: Fusion.gradientStop(Fusion.buttonColor(control.palette, control.visualFocus, false, control.up.hovered || control.down.hovered))
  112. }
  113. }
  114. Rectangle {
  115. x: control.mirrored ? parent.width - 1 : 0
  116. height: parent.height
  117. width: 1
  118. color: Fusion.outline(control.palette)
  119. }
  120. }
  121. Rectangle {
  122. x: 1; y: 1
  123. width: parent.width - 2
  124. height: parent.height - 2
  125. color: "transparent"
  126. border.color: Color.transparent(Fusion.highlightedOutline(control.palette), 40 / 255)
  127. visible: control.activeFocus
  128. radius: 1.7
  129. }
  130. }
  131. }