ComboBox.qml 5.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131
  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.Material
  10. import QtQuick.Controls.Material.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. Material.background: flat ? "transparent" : undefined
  21. Material.foreground: flat ? undefined : Material.primaryTextColor
  22. delegate: MenuItem {
  23. required property var model
  24. required property int index
  25. width: ListView.view.width
  26. text: model[control.textRole]
  27. Material.foreground: control.currentIndex === index ? ListView.view.contentItem.Material.accent : ListView.view.contentItem.Material.foreground
  28. highlighted: control.highlightedIndex === index
  29. hoverEnabled: control.hoverEnabled
  30. }
  31. indicator: ColorImage {
  32. x: control.mirrored ? control.padding : control.width - width - control.padding
  33. y: control.topPadding + (control.availableHeight - height) / 2
  34. color: control.enabled ? control.Material.foreground : control.Material.hintTextColor
  35. source: "qrc:/qt-project.org/imports/QtQuick/Controls/Material/images/drop-indicator.png"
  36. }
  37. contentItem: T.TextField {
  38. implicitHeight: contentHeight + topPadding + bottomPadding
  39. leftPadding: Material.textFieldHorizontalPadding
  40. topPadding: Material.textFieldVerticalPadding
  41. bottomPadding: Material.textFieldVerticalPadding
  42. text: control.editable ? control.editText : control.displayText
  43. enabled: control.editable
  44. autoScroll: control.editable
  45. readOnly: control.down
  46. inputMethodHints: control.inputMethodHints
  47. validator: control.validator
  48. selectByMouse: control.selectTextByMouse
  49. color: control.enabled ? control.Material.foreground : control.Material.hintTextColor
  50. selectionColor: control.Material.accentColor
  51. selectedTextColor: control.Material.primaryHighlightedTextColor
  52. verticalAlignment: Text.AlignVCenter
  53. cursorDelegate: CursorDelegate { }
  54. ContextMenu.menu: TextEditingContextMenu {
  55. editor: parent
  56. }
  57. }
  58. background: MaterialTextContainer {
  59. implicitWidth: 120
  60. implicitHeight: control.Material.textFieldHeight
  61. outlineColor: (enabled && control.hovered) ? control.Material.primaryTextColor : control.Material.hintTextColor
  62. focusedOutlineColor: control.Material.accentColor
  63. controlHasActiveFocus: control.activeFocus
  64. controlHasText: true
  65. horizontalPadding: control.Material.textFieldHorizontalPadding
  66. }
  67. popup: T.Popup {
  68. y: control.editable ? control.height - 5 : 0
  69. width: control.width
  70. height: Math.min(contentItem.implicitHeight + verticalPadding * 2, control.Window.height - topMargin - bottomMargin)
  71. transformOrigin: Item.Top
  72. topMargin: 12
  73. bottomMargin: 12
  74. verticalPadding: 8
  75. Material.theme: control.Material.theme
  76. Material.accent: control.Material.accent
  77. Material.primary: control.Material.primary
  78. enter: Transition {
  79. // grow_fade_in
  80. NumberAnimation { property: "scale"; from: 0.9; easing.type: Easing.OutQuint; duration: 220 }
  81. NumberAnimation { property: "opacity"; from: 0.0; easing.type: Easing.OutCubic; duration: 150 }
  82. }
  83. exit: Transition {
  84. // shrink_fade_out
  85. NumberAnimation { property: "scale"; to: 0.9; easing.type: Easing.OutQuint; duration: 220 }
  86. NumberAnimation { property: "opacity"; to: 0.0; easing.type: Easing.OutCubic; duration: 150 }
  87. }
  88. contentItem: ListView {
  89. clip: true
  90. implicitHeight: contentHeight
  91. model: control.delegateModel
  92. currentIndex: control.highlightedIndex
  93. highlightMoveDuration: 0
  94. T.ScrollIndicator.vertical: ScrollIndicator { }
  95. }
  96. background: Rectangle {
  97. radius: 4
  98. color: parent.Material.dialogColor
  99. layer.enabled: control.enabled
  100. layer.effect: RoundedElevationEffect {
  101. elevation: 4
  102. roundedScale: Material.ExtraSmallScale
  103. }
  104. }
  105. }
  106. }