qml组件学习-state的使用

state：可以保存一个组件的各种状态
演示代码：

import QtQuick 2.15
import QtQuick.Window 2.15

Window {
    width: 640
    height: 480
    visible: true
    title: qsTr("Hello World")


    Rectangle {
        id: root
        width: 100; height: 100

        states: [
            State {
                name: "red_color"
                PropertyChanges { target: root; color: "red" }
            },
            State {
                name: "blue_color"
                PropertyChanges { target: root; color: "blue" }
            }
        ]
    }

    Component.onCompleted: {
        root.state = "red_color"
    }

    Timer{  //定时器的使用
    interval: 500; running: true; repeat: true
    onTriggered: {
        var red = "red_color"
        var blue = "blue_color"
        if(root.state === red) root.state = blue
        else root.state = red
    }
    }

}

效果如下：
每0.5秒就变换颜色