QML -更改页面间转换的外观

SequentialAnimation {
    NumberAnimation { target: myPage; property: "opacity"; from: 1; to: 0; duration: 500 }
    ScriptAction { script: { myPage.visible = false } }
}

states: [
    State {
        name: "State1"
        PropertyChanges { target: myPage; opacity: 1 }
    },
    State {
        name: "State2"
        PropertyChanges { target: myPage; opacity: 0 }
    }
]

transitions: [
    Transition {
        from: "*"; to: "State2"
        SequentialAnimation {
            NumberAnimation { target: myPage; property: "opacity"; duration: 500 }
        }
    }
]

import QtQuick.Controls 2.15

Button {
    text: "Fade Out"
    onClicked: {
        fadeOutAnimation.start()
    }

    ParallelAnimation {
        id: fadeOutAnimation
        NumberAnimation { target: myPage; property: "opacity"; from: 1; to: 0; duration: 500 }
        ScriptAction { script: { myPage.visible = false } }
    }
}