tests/auto/quickcontrols/qquickpopup/data/fadeDimmer.qml


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39

import QtQuick
import QtQuick.Controls

Window {
    id: window

    Text {text: "Hello"}
    Popup {
        id: popup
        anchors.centerIn: parent
        dim: true
        property double dimmerOpacity: 0.5

        Overlay.modeless: Rectangle {
            color: "blue"
            opacity: popup.dimmerOpacity

            Behavior on opacity {
                NumberAnimation { from: 0; to: popup.dimmerOpacity; duration: 250 }
            }
        }

        Overlay.modal: Rectangle {
            color: "blue"
            opacity: popup.dimmerOpacity

            Behavior on opacity {
                NumberAnimation { from: 0; to: popup.dimmerOpacity; duration: 250 }
            }
        }

        enter: Transition {
            NumberAnimation { property: "opacity"; from: 0; to: 1; duration: 250 }
        }
        exit: Transition {
            NumberAnimation { property: "opacity"; from: 1; to: 0; duration: 250 }
        }
    }
}