我正在尝试做这样的事情：

1. 我有一个带有单个按钮的主窗口。
2. 按下此按钮后，所有屏幕上都会出现两个半透明窗口。它们处于全屏模式。
3. 4秒钟后屏幕消失。

一切都很好。但是当我点击其中一个屏幕时，在消失的过程中，它变成了完全黑色。我该如何解决？

// main.qml

import QtQuick 2.10
import QtQuick.Window 2.10
import QtQuick.Controls 2.2

Window {
    id: main
    visible: true
    width: 100
    height: 50
    title: "Hello Splash World"

    Button {
        anchors.fill: parent
        text: "Show splash"
        onClicked: {
            for (var i = 0; i < Qt.application.screens.length; ++i) {
                var component = Qt.createComponent("SplashScreen.qml");
                var window = component.createObject(main,{screen: Qt.application.screens[i]});
                window.height = Qt.application.screens[i].height
                window.width = Qt.application.screens[i].width
                window.showSplash()
            }
        }
    }
}

// SplashScreen.qml

import QtQuick 2.10
import QtQuick.Controls 2.2

ApplicationWindow {
    id: splash

    flags: Qt.FramelessWindowHint | Qt.WindowStaysOnTopHint | Qt.WA_TranslucentBackground
    color: "transparent"

    Timer {
        running: true
        interval: 4000
        onTriggered: hideSplash()
    }

    function showSplash() {
        appearAnimation.start()
    }

    function hideSplash() {
        disappearAnumation.start()
    }

    background: Rectangle {
        id: bg
        color: "black"
        opacity: 0.8
    }

    SequentialAnimation {
        id: appearAnimation

        Propertyaction { target: splash; property: "visibility"; value: ApplicationWindow.FullScreen }
        NumberAnimation { target: bg; property: "opacity"; duration: 1000; to: 0.8 }
    }

    SequentialAnimation {
        id: disappearAnumation

        NumberAnimation { target: bg; property: "opacity"; duration: 2000; to: 0 }
        Propertyaction { target: splash; property: "visibility"; value: ApplicationWindow.Hidden }
    }
}