File: fadeDimmer.qml

package info (click to toggle)
qt6-declarative 6.9.1%2Bdfsg-1
  • links: PTS, VCS
  • area: main
  • in suites: experimental
  • size: 308,920 kB
  • sloc: cpp: 775,911; javascript: 514,247; xml: 10,855; python: 2,806; ansic: 2,253; java: 810; sh: 262; makefile: 41; php: 27
file content (39 lines) | stat: -rw-r--r-- 959 bytes parent folder | download | duplicates (2)
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 }
        }
    }
}