103 lines
2.8 KiB
QML
103 lines
2.8 KiB
QML
// Copyright (C) 2020 The Qt Company Ltd.
|
|
// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR GPL-3.0-only
|
|
|
|
import QtQuick 2.12
|
|
|
|
Item {
|
|
id: root
|
|
width: 640
|
|
height: 480
|
|
objectName: "qtbug86402Container"
|
|
|
|
property bool finished
|
|
|
|
Item {
|
|
id: popup
|
|
objectName: "popup"
|
|
width: 200
|
|
height: 200
|
|
|
|
Rectangle {
|
|
id: rect
|
|
objectName: "rect"
|
|
implicitWidth: 100
|
|
implicitHeight: 100
|
|
color: "blue"
|
|
|
|
Item {
|
|
id: ripple
|
|
objectName: "ripple"
|
|
anchors.fill: parent
|
|
visible: false
|
|
|
|
Rectangle {
|
|
id: rippleBox
|
|
objectName: "rippleBox"
|
|
property real cx
|
|
property real cy
|
|
x: cx - width / 2
|
|
y: cy - height / 2
|
|
width: 0
|
|
height: width
|
|
radius: width / 2
|
|
color: Qt.darker("red", 1.8)
|
|
}
|
|
layer.effect: ShaderEffect {
|
|
id: mask
|
|
objectName: "shaderEffect"
|
|
property variant source
|
|
property variant maskSource: rect
|
|
|
|
fragmentShader: "opacity-mask.frag.qsb"
|
|
}
|
|
}
|
|
|
|
SequentialAnimation {
|
|
id: rippleStartAnimation
|
|
running: popup.visible
|
|
onFinished: {
|
|
popup.parent = null
|
|
rippleEndAnimation.start()
|
|
}
|
|
|
|
ScriptAction {
|
|
script: {
|
|
rippleBox.width = 0
|
|
rippleBox.opacity = 0.3
|
|
ripple.visible = true
|
|
ripple.layer.enabled = true
|
|
}
|
|
}
|
|
NumberAnimation {
|
|
target: rippleBox
|
|
property: "width"
|
|
from: 0
|
|
to: Math.max(rect.width,
|
|
rect.height) * 2.2
|
|
duration: 100
|
|
}
|
|
}
|
|
SequentialAnimation {
|
|
id: rippleEndAnimation
|
|
|
|
onFinished: root.finished = true
|
|
|
|
//Causes Crash on QT Versions > 5.12.5
|
|
NumberAnimation {
|
|
target: rippleBox
|
|
property: "opacity"
|
|
to: 0
|
|
duration: 100
|
|
}
|
|
ScriptAction {
|
|
script: {
|
|
rippleBox.opacity = 0
|
|
ripple.layer.enabled = false
|
|
ripple.visible = false
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|