78 lines
2.6 KiB
QML
78 lines
2.6 KiB
QML
// Copyright (C) 2017 The Qt Company Ltd.
|
|
// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR LGPL-3.0-only OR GPL-2.0-only OR GPL-3.0-only
|
|
// Qt-Security score:significant reason:default
|
|
|
|
import QtQuick
|
|
import QtQuick.Templates as T
|
|
import QtQuick.Controls.Material
|
|
import QtQuick.Controls.Material.impl
|
|
import QtQuick.Window
|
|
|
|
T.Menu {
|
|
id: control
|
|
|
|
implicitWidth: Math.max(implicitBackgroundWidth + leftInset + rightInset,
|
|
implicitContentWidth + leftPadding + rightPadding)
|
|
implicitHeight: Math.max(implicitBackgroundHeight + topInset + bottomInset,
|
|
implicitContentHeight + topPadding + bottomPadding)
|
|
|
|
margins: 0
|
|
verticalPadding: 8
|
|
|
|
transformOrigin: !cascade ? Item.Top : (mirrored ? Item.TopRight : Item.TopLeft)
|
|
|
|
Material.elevation: 4
|
|
Material.roundedScale: Material.ExtraSmallScale
|
|
|
|
delegate: MenuItem { }
|
|
|
|
enter: Transition {
|
|
// grow_fade_in
|
|
NumberAnimation { property: "scale"; from: 0.9; to: 1.0; easing.type: Easing.OutQuint; duration: 220 }
|
|
NumberAnimation { property: "opacity"; from: 0.0; to: 1.0; easing.type: Easing.OutCubic; duration: 150 }
|
|
}
|
|
|
|
exit: Transition {
|
|
// shrink_fade_out
|
|
NumberAnimation { property: "scale"; from: 1.0; to: 0.9; easing.type: Easing.OutQuint; duration: 220 }
|
|
NumberAnimation { property: "opacity"; from: 1.0; to: 0.0; easing.type: Easing.OutCubic; duration: 150 }
|
|
}
|
|
|
|
contentItem: ListView {
|
|
implicitHeight: contentHeight
|
|
|
|
model: control.contentModel
|
|
interactive: Window.window
|
|
? contentHeight + control.topPadding + control.bottomPadding > control.height
|
|
: false
|
|
clip: true
|
|
currentIndex: control.currentIndex
|
|
|
|
ScrollIndicator.vertical: ScrollIndicator {}
|
|
}
|
|
|
|
background: Rectangle {
|
|
implicitWidth: 200
|
|
implicitHeight: control.Material.menuItemHeight
|
|
// FullScale doesn't make sense for Menu.
|
|
radius: control.Material.roundedScale
|
|
color: control.Material.dialogColor
|
|
|
|
layer.enabled: control.Material.elevation > 0
|
|
layer.effect: RoundedElevationEffect {
|
|
elevation: control.Material.elevation
|
|
roundedScale: control.background.radius
|
|
}
|
|
}
|
|
|
|
T.Overlay.modal: Rectangle {
|
|
color: control.Material.backgroundDimColor
|
|
Behavior on opacity { NumberAnimation { duration: 150 } }
|
|
}
|
|
|
|
T.Overlay.modeless: Rectangle {
|
|
color: control.Material.backgroundDimColor
|
|
Behavior on opacity { NumberAnimation { duration: 150 } }
|
|
}
|
|
}
|