ComboBox.qml 5.4 KB

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