ComboBox.qml 5.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130
  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. pragma ComponentBehavior: Bound
  5. import QtQuick
  6. import QtQuick.Window
  7. import QtQuick.Controls.impl
  8. import QtQuick.Templates as T
  9. import QtQuick.Controls.Universal
  10. T.ComboBox {
  11. id: control
  12. implicitWidth: Math.max(implicitBackgroundWidth + leftInset + rightInset,
  13. implicitContentWidth + leftPadding + rightPadding)
  14. implicitHeight: Math.max(implicitBackgroundHeight + topInset + bottomInset,
  15. implicitContentHeight + topPadding + bottomPadding,
  16. implicitIndicatorHeight + topPadding + bottomPadding)
  17. leftPadding: padding + (!control.mirrored || !indicator || !indicator.visible ? 0 : indicator.width + spacing)
  18. rightPadding: padding + (control.mirrored || !indicator || !indicator.visible ? 0 : indicator.width + spacing)
  19. Universal.theme: editable && activeFocus ? Universal.Light : undefined
  20. delegate: ItemDelegate {
  21. required property var model
  22. required property int index
  23. width: ListView.view.width
  24. text: model[control.textRole]
  25. font.weight: control.currentIndex === index ? Font.DemiBold : Font.Normal
  26. highlighted: control.highlightedIndex === index
  27. hoverEnabled: control.hoverEnabled
  28. }
  29. indicator: ColorImage {
  30. x: control.mirrored ? control.padding : control.width - width - control.padding
  31. y: control.topPadding + (control.availableHeight - height) / 2
  32. color: !control.enabled ? control.Universal.baseLowColor : control.Universal.baseMediumHighColor
  33. source: "qrc:/qt-project.org/imports/QtQuick/Controls/Universal/images/downarrow.png"
  34. Rectangle {
  35. z: -1
  36. width: parent.width
  37. height: parent.height
  38. color: control.activeFocus ? control.Universal.accent :
  39. control.pressed ? control.Universal.baseMediumLowColor :
  40. control.hovered ? control.Universal.baseLowColor : "transparent"
  41. visible: control.editable && !control.contentItem.hovered && (control.pressed || control.hovered)
  42. opacity: control.activeFocus && !control.pressed ? 0.4 : 1.0
  43. }
  44. }
  45. contentItem: T.TextField {
  46. leftPadding: control.mirrored ? 1 : 12
  47. rightPadding: control.mirrored ? 10 : 1
  48. topPadding: 5 - control.topPadding
  49. bottomPadding: 7 - control.bottomPadding
  50. text: control.editable ? control.editText : control.displayText
  51. enabled: control.editable
  52. autoScroll: control.editable
  53. readOnly: control.down
  54. inputMethodHints: control.inputMethodHints
  55. validator: control.validator
  56. selectByMouse: control.selectTextByMouse
  57. color: !control.enabled ? control.Universal.chromeDisabledLowColor :
  58. control.editable && control.activeFocus ? control.Universal.chromeBlackHighColor : control.Universal.foreground
  59. selectionColor: control.Universal.accent
  60. selectedTextColor: control.Universal.chromeWhiteColor
  61. verticalAlignment: Text.AlignVCenter
  62. }
  63. background: Rectangle {
  64. implicitWidth: 120
  65. implicitHeight: 32
  66. border.width: control.flat ? 0 : 2 // ComboBoxBorderThemeThickness
  67. border.color: !control.enabled ? control.Universal.baseLowColor :
  68. control.editable && control.activeFocus ? control.Universal.accent :
  69. control.down ? control.Universal.baseMediumLowColor :
  70. control.hovered ? control.Universal.baseMediumColor : control.Universal.baseMediumLowColor
  71. color: !control.enabled ? control.Universal.baseLowColor :
  72. control.down ? control.Universal.listMediumColor :
  73. control.flat && control.hovered ? control.Universal.listLowColor :
  74. control.editable && control.activeFocus ? control.Universal.background : control.Universal.altMediumLowColor
  75. visible: !control.flat || control.pressed || control.hovered || control.visualFocus
  76. Rectangle {
  77. x: 2
  78. y: 2
  79. width: parent.width - 4
  80. height: parent.height - 4
  81. visible: control.visualFocus && !control.editable
  82. color: control.Universal.accent
  83. opacity: control.Universal.theme === Universal.Light ? 0.4 : 0.6
  84. }
  85. }
  86. popup: T.Popup {
  87. width: control.width
  88. height: Math.min(contentItem.implicitHeight, control.Window.height - topMargin - bottomMargin)
  89. topMargin: 8
  90. bottomMargin: 8
  91. Universal.theme: control.Universal.theme
  92. Universal.accent: control.Universal.accent
  93. contentItem: ListView {
  94. clip: true
  95. implicitHeight: contentHeight
  96. model: control.delegateModel
  97. currentIndex: control.highlightedIndex
  98. highlightMoveDuration: 0
  99. T.ScrollIndicator.vertical: ScrollIndicator { }
  100. }
  101. background: Rectangle {
  102. color: control.Universal.chromeMediumLowColor
  103. border.color: control.Universal.chromeHighColor
  104. border.width: 1 // FlyoutBorderThemeThickness
  105. }
  106. }
  107. }