import QtQuick
import QtQuick.Controls.Material

Window {
    id: rootId
    width: (Qt.platform.os === "android")? Screen.width: 320
    height: (Qt.platform.os === "android")?Screen.height: width * 16/9
    visible: true
    property var imgList: ["img/p1.png","img/p2.png","img/p3.png","img/p4.png"]
    property int imgIndex: 0
    Image {
        id: imgId
        source: imgList[imgIndex]
        width: parent.width - 32
        height: width
        anchors {
            top: parent.top
            topMargin: 32
            horizontalCenter: parent.horizontalCenter
        }
    }
    Button {
        id: nextBtnId
        text: "NEXT"
        width: 120
        anchors {
            bottom: parent.bottom
            horizontalCenter: parent.horizontalCenter
            margins: 24
        }
        onClicked: {
            if (imgIndex == 3) imgIndex = 0
            else imgIndex++
        }
    }
}