Menu.qml 2.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  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.Material
  7. import QtQuick.Controls.Material.impl
  8. import QtQuick.Window
  9. T.Menu {
  10. id: control
  11. implicitWidth: Math.max(implicitBackgroundWidth + leftInset + rightInset,
  12. implicitContentWidth + leftPadding + rightPadding)
  13. implicitHeight: Math.max(implicitBackgroundHeight + topInset + bottomInset,
  14. implicitContentHeight + topPadding + bottomPadding)
  15. margins: 0
  16. verticalPadding: 8
  17. transformOrigin: !cascade ? Item.Top : (mirrored ? Item.TopRight : Item.TopLeft)
  18. Material.elevation: 4
  19. Material.roundedScale: Material.ExtraSmallScale
  20. delegate: MenuItem { }
  21. enter: Transition {
  22. // grow_fade_in
  23. NumberAnimation { property: "scale"; from: 0.9; to: 1.0; easing.type: Easing.OutQuint; duration: 220 }
  24. NumberAnimation { property: "opacity"; from: 0.0; to: 1.0; easing.type: Easing.OutCubic; duration: 150 }
  25. }
  26. exit: Transition {
  27. // shrink_fade_out
  28. NumberAnimation { property: "scale"; from: 1.0; to: 0.9; easing.type: Easing.OutQuint; duration: 220 }
  29. NumberAnimation { property: "opacity"; from: 1.0; to: 0.0; easing.type: Easing.OutCubic; duration: 150 }
  30. }
  31. contentItem: ListView {
  32. implicitHeight: contentHeight
  33. model: control.contentModel
  34. interactive: Window.window
  35. ? contentHeight + control.topPadding + control.bottomPadding > control.height
  36. : false
  37. clip: true
  38. currentIndex: control.currentIndex
  39. ScrollIndicator.vertical: ScrollIndicator {}
  40. }
  41. background: Rectangle {
  42. implicitWidth: 200
  43. implicitHeight: control.Material.menuItemHeight
  44. // FullScale doesn't make sense for Menu.
  45. radius: control.Material.roundedScale
  46. color: control.Material.dialogColor
  47. layer.enabled: control.Material.elevation > 0
  48. layer.effect: RoundedElevationEffect {
  49. elevation: control.Material.elevation
  50. roundedScale: control.background.radius
  51. }
  52. }
  53. T.Overlay.modal: Rectangle {
  54. color: control.Material.backgroundDimColor
  55. Behavior on opacity { NumberAnimation { duration: 150 } }
  56. }
  57. T.Overlay.modeless: Rectangle {
  58. color: control.Material.backgroundDimColor
  59. Behavior on opacity { NumberAnimation { duration: 150 } }
  60. }
  61. }