import QtQuick 6.2
import QtQuick.Controls 6.2
import Tutorial

Item {
    id: start
    width: 3840
    height: 2224
    state: "start"

    Image {
        id: start1
        opacity: 0
        source: "images/start.png"
        fillMode: Image.PreserveAspectFit
    }

    Image {
        id: rectangle_selected
        opacity: 0
        source: "images/rectangle_selected.png"
        fillMode: Image.PreserveAspectFit
    }

    Image {
        id: assets
        opacity: 0
        source: "assets.png"
        fillMode: Image.PreserveAspectFit
    }

    Image {
        id: projects
        opacity: 0
        source: "images/projects.png"
        fillMode: Image.PreserveAspectFit
    }

    Image {
        id: code
        opacity: 0
        source: "code.png"
        fillMode: Image.PreserveAspectFit
    }

    states: [
        State {
            name: "start"

            PropertyChanges {
                target: start1
                opacity: 1
            }
        },
        State {
            name: "slected"

            PropertyChanges {
                target: rectangle_selected
                opacity: 1
            }
        },
        State {
            name: "assets"

            PropertyChanges {
                target: assets
                opacity: 1
            }
        },
        State {
            name: "projects"

            PropertyChanges {
                target: projects
                opacity: 1
            }
        },
        State {
            name: "code"

            PropertyChanges {
                target: code
                opacity: 1
            }
        }
    ]
    transitions: [
        Transition {
            id: transition
            ParallelAnimation {
                SequentialAnimation {
                    PauseAnimation {
                        duration: 0
                    }

                    PropertyAnimation {
                        target: code
                        property: "opacity"
                        duration: 200
                    }
                }
            }

            ParallelAnimation {
                SequentialAnimation {
                    PauseAnimation {
                        duration: 0
                    }

                    PropertyAnimation {
                        target: start1
                        property: "opacity"
                        duration: 200
                    }
                }
            }

            ParallelAnimation {
                SequentialAnimation {
                    PauseAnimation {
                        duration: 0
                    }

                    PropertyAnimation {
                        target: rectangle_selected
                        property: "opacity"
                        duration: 200
                    }
                }
            }

            ParallelAnimation {
                SequentialAnimation {
                    PauseAnimation {
                        duration: 0
                    }

                    PropertyAnimation {
                        target: assets
                        property: "opacity"
                        duration: 200
                    }
                }
            }

            ParallelAnimation {
                SequentialAnimation {
                    PauseAnimation {
                        duration: 0
                    }

                    PropertyAnimation {
                        target: projects
                        property: "opacity"
                        duration: 200
                    }
                }
            }
            to: "*"
            from: "*"
        }
    ]
}

/*##^##
Designer {
    D{i:0}D{i:16;transitionDuration:2000}
}
##^##*/
