diff options
Diffstat (limited to 'src/quickcontrols/material/Popup.qml')
-rw-r--r-- | src/quickcontrols/material/Popup.qml | 55 |
1 files changed, 55 insertions, 0 deletions
diff --git a/src/quickcontrols/material/Popup.qml b/src/quickcontrols/material/Popup.qml new file mode 100644 index 0000000000..e443a1c2ff --- /dev/null +++ b/src/quickcontrols/material/Popup.qml @@ -0,0 +1,55 @@ +// 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 + +import QtQuick +import QtQuick.Templates as T +import QtQuick.Controls.Material +import QtQuick.Controls.Material.impl + +T.Popup { + id: control + + implicitWidth: Math.max(implicitBackgroundWidth + leftInset + rightInset, + contentWidth + leftPadding + rightPadding) + implicitHeight: Math.max(implicitBackgroundHeight + topInset + bottomInset, + contentHeight + topPadding + bottomPadding) + + padding: 12 + + Material.elevation: 4 + Material.roundedScale: Material.ExtraSmallScale + + 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 } + } + + background: Rectangle { + // FullScale doesn't make sense for Popup. + radius: control.Material.roundedScale + color: control.Material.dialogColor + + layer.enabled: control.Material.elevation > 0 + layer.effect: RoundedElevationEffect { + elevation: control.Material.elevation + roundedScale: control.Material.roundedScale + } + } + + 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 } } + } +} |