Slider.qml 2.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. // Copyright (C) 2017 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.Universal
  7. T.Slider {
  8. id: control
  9. implicitWidth: Math.max(implicitBackgroundWidth + leftInset + rightInset,
  10. implicitHandleWidth + leftPadding + rightPadding)
  11. implicitHeight: Math.max(implicitBackgroundHeight + topInset + bottomInset,
  12. implicitHandleHeight + topPadding + bottomPadding)
  13. padding: 6
  14. property bool useSystemFocusVisuals: true
  15. handle: Rectangle {
  16. implicitWidth: control.horizontal ? 8 : 24
  17. implicitHeight: control.horizontal ? 24 : 8
  18. x: control.leftPadding + (control.horizontal ? control.visualPosition * (control.availableWidth - width) : (control.availableWidth - width) / 2)
  19. y: control.topPadding + (control.horizontal ? (control.availableHeight - height) / 2 : control.visualPosition * (control.availableHeight - height))
  20. radius: 4
  21. color: control.pressed ? control.Universal.chromeHighColor :
  22. control.enabled ? control.hovered ? control.Universal.chromeAltLowColor :
  23. control.Universal.accent : control.Universal.chromeDisabledHighColor
  24. }
  25. background: Item {
  26. implicitWidth: control.horizontal ? 200 : 18
  27. implicitHeight: control.horizontal ? 18 : 200
  28. x: control.leftPadding + (control.horizontal ? 0 : (control.availableWidth - width) / 2)
  29. y: control.topPadding + (control.horizontal ? (control.availableHeight - height) / 2 : 0)
  30. width: control.horizontal ? control.availableWidth : implicitWidth
  31. height: control.horizontal ? implicitHeight : control.availableHeight
  32. scale: control.horizontal && control.mirrored ? -1 : 1
  33. Rectangle {
  34. x: control.horizontal ? 0 : (parent.width - width) / 2
  35. y: control.horizontal ? (parent.height - height) / 2 : 0
  36. width: control.horizontal ? parent.width : 2 // SliderTrackThemeHeight
  37. height: !control.horizontal ? parent.height : 2 // SliderTrackThemeHeight
  38. color: enabled && control.hovered && !control.pressed ? control.Universal.baseMediumColor :
  39. control.enabled ? control.Universal.baseMediumLowColor : control.Universal.chromeDisabledHighColor
  40. }
  41. Rectangle {
  42. x: control.horizontal ? 0 : (parent.width - width) / 2
  43. y: control.horizontal ? (parent.height - height) / 2 : control.visualPosition * parent.height
  44. width: control.horizontal ? control.position * parent.width : 2 // SliderTrackThemeHeight
  45. height: !control.horizontal ? control.position * parent.height : 2 // SliderTrackThemeHeight
  46. color: control.enabled ? control.Universal.accent : control.Universal.chromeDisabledHighColor
  47. }
  48. }
  49. }