ComboBox.qml 4.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126
  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. leftPadding: Material.textFieldHorizontalPadding
  39. topPadding: Material.textFieldVerticalPadding
  40. bottomPadding: Material.textFieldVerticalPadding
  41. text: control.editable ? control.editText : control.displayText
  42. enabled: control.editable
  43. autoScroll: control.editable
  44. readOnly: control.down
  45. inputMethodHints: control.inputMethodHints
  46. validator: control.validator
  47. selectByMouse: control.selectTextByMouse
  48. color: control.enabled ? control.Material.foreground : control.Material.hintTextColor
  49. selectionColor: control.Material.accentColor
  50. selectedTextColor: control.Material.primaryHighlightedTextColor
  51. verticalAlignment: Text.AlignVCenter
  52. cursorDelegate: CursorDelegate { }
  53. }
  54. background: MaterialTextContainer {
  55. implicitWidth: 120
  56. implicitHeight: control.Material.textFieldHeight
  57. outlineColor: (enabled && control.hovered) ? control.Material.primaryTextColor : control.Material.hintTextColor
  58. focusedOutlineColor: control.Material.accentColor
  59. controlHasActiveFocus: control.activeFocus
  60. controlHasText: true
  61. horizontalPadding: control.Material.textFieldHorizontalPadding
  62. }
  63. popup: T.Popup {
  64. y: control.editable ? control.height - 5 : 0
  65. width: control.width
  66. height: Math.min(contentItem.implicitHeight + verticalPadding * 2, control.Window.height - topMargin - bottomMargin)
  67. transformOrigin: Item.Top
  68. topMargin: 12
  69. bottomMargin: 12
  70. verticalPadding: 8
  71. Material.theme: control.Material.theme
  72. Material.accent: control.Material.accent
  73. Material.primary: control.Material.primary
  74. enter: Transition {
  75. // grow_fade_in
  76. NumberAnimation { property: "scale"; from: 0.9; easing.type: Easing.OutQuint; duration: 220 }
  77. NumberAnimation { property: "opacity"; from: 0.0; easing.type: Easing.OutCubic; duration: 150 }
  78. }
  79. exit: Transition {
  80. // shrink_fade_out
  81. NumberAnimation { property: "scale"; to: 0.9; easing.type: Easing.OutQuint; duration: 220 }
  82. NumberAnimation { property: "opacity"; to: 0.0; easing.type: Easing.OutCubic; duration: 150 }
  83. }
  84. contentItem: ListView {
  85. clip: true
  86. implicitHeight: contentHeight
  87. model: control.delegateModel
  88. currentIndex: control.highlightedIndex
  89. highlightMoveDuration: 0
  90. T.ScrollIndicator.vertical: ScrollIndicator { }
  91. }
  92. background: Rectangle {
  93. radius: 4
  94. color: parent.Material.dialogColor
  95. layer.enabled: control.enabled
  96. layer.effect: RoundedElevationEffect {
  97. elevation: 4
  98. roundedScale: Material.ExtraSmallScale
  99. }
  100. }
  101. }
  102. }