Roson讲Qt#43 QML颜色动画ColorAnimation

1.继承关系

父类：PropertyAnimation

子类：无

2.综述

ColorAnimation是一个专门的PropertyAnimation，它定义了当颜色值改变时应用的动画。

下面是一个应用于矩形颜色属性的ColorAnimation作为属性值源。它将颜色属性的值从当前值动画为“red”，时间超过1000毫秒:

import QtQuick 2.0

  Rectangle {
      width: 100; height: 100
      color: "red"

      ColorAnimation on color { to: "yellow"; duration: 1000 }
  }
           

与任何其他动画类型一样，ColorAnimation可以通过多种方式应用，包括过渡、行为和属性值源。Qt Quick文档中的动画和过渡显示了创建动画的各种方法。

为方便起见，当在过渡中使用ColorAnimation时，它将使在状态改变期间修改过的任何颜色属性动画。如果为动画显式设置了一个或多个属性，那么将使用这些属性。

更多信息可查阅 Animation and Transitions in Qt Quick and Qt Quick Examples - Animation.

3.数据成员

3.1 from : color

此属性保存动画开始时的颜色值。

例如，以下动画在颜色值达到“#c0c0c0”时才应用:

  Item {
      states: [
          // States are defined here...
      ]

      transition: Transition {
          ColorAnimation { from: "#c0c0c0"; duration: 2000 }
      }
  }
           

如果ColorAnimation是在Transition或Behavior中定义的，则该值默认为Transition的开始状态中定义的值，或行为触发时属性的当前值。

更多信息可查阅 Animation and Transitions in Qt Quick.

3.2 to : color

此属性保存动画结束时的颜色值。

如果ColorAnimation是在Transition或Behavior中定义的，则该值默认为Transition的结束状态中定义的值，或触发Behavior的属性更改的值。

更多信息可查阅 Animation and Transitions in Qt Quick.