QML之ColorAnimation颜色动画

ColorAnimation是颜色类的别的动画，用来负责对color属性进行操作。同样，也重写了from、to两个属性。

需求如下：

一个一个颜色快，初始为红色，单击以后在2秒内逐渐变成蓝色。

代码：

import QtQuick 2.3
import QtQuick.Window 2.2

Window {
    visible: true
    width: 500
    height: 500

    Rectangle{
        id:colorChange
        color: "red"
        width: 200
        height: 200
        radius: 30
        anchors.centerIn: parent
    }
    ColorAnimation{
        id:colorAnimation
        target: colorChange
        property: "color"
        to: "blue"
        duration: 2000
    }
    MouseArea{
        anchors.fill: parent
        onClicked:colorAnimation.start()

    }
}

效果图：