TaoQuick/examples/TaoQuickShow/Contents/PageSwitch/Dissolve.qml

import QtQuick 2.12
import QtQuick.Controls 2.12
import TaoQuick 1.0
import "qrc:/TaoQuick"
Item {
    anchors.fill: parent

    property var images:[
        imgPath + "Effect/Girls/girl1.jpeg",
        imgPath + "Effect/Girls/girl2.jpeg",
        imgPath + "Effect/Girls/girl3.jpeg",
        imgPath + "Effect/Girls/girl4.jpeg",
        imgPath + "Effect/Girls/girl5.jpeg",
        imgPath + "Effect/Girls/girl6.jpeg",
        imgPath + "Effect/Girls/girl7.jpeg",
        imgPath + "Effect/Girls/girl8.jpeg",
        imgPath + "Effect/Girls/girl9.jpeg",
        imgPath + "Effect/Girls/girl10.jpeg",
        imgPath + "Effect/Girls/girl11.jpeg",
        imgPath + "Effect/Girls/girl12.jpeg",
        imgPath + "Effect/Girls/girl14.jpeg",
        imgPath + "Effect/Girls/girl15.jpeg"
    ]
    Image {
        id: dissolveSrc1
        source: imgPath + "Effect/Dissolve_1.jpg"
        visible: false
    }
    Image {
        id: dissolveSrc2
        source: imgPath + "Effect/Dissolve_2.png"
        visible: false
    }
    PageSwitchBase {
        id: c
        width: 500
        height: 750
        anchors.centerIn: parent
        maxCount: images.length
        Repeater {
            model: images
            SDissolve {
                anchors.fill: parent
                sourceItem: Image { source: images[index] }
                dissolveImage: dissolveSrc1
                state: index === c.currentIndex ? "show" : "hide"
            }
        }
    }
    Switch {
        id: autoPlaySwitch
        anchors.left: parent.left
        anchors.bottom: parent.bottom

        text: "Auto Play"
        checked: true
    }
    Timer {
        id: autoPlayTimer
        interval: 2800
        running: autoPlaySwitch.checked
        repeat: true
        property bool reserve: false
        triggeredOnStart: true
        onTriggered: {
            if (reserve) {
                c.currentIndex--;
            } else {
                c.currentIndex++;
            }
            if (c.currentIndex >= images.length - 1) {
                reserve = true;
            } else if(c.currentIndex <= 0) {
                reserve = false;
            }
        }
    }
}