ColorAnimation QML Type

Animates changes in color values. More...

• List of all members, including inherited members

Properties

• from : color
• to : color

Detailed Description

ColorAnimation is a specialized PropertyAnimation that defines an animation to be applied when a color value changes.

Here is a ColorAnimation applied to the color property of a Rectangle as a property value source. It animates the color property's value from its current value to a value of "red", over 1000 milliseconds:

 import QtQuick 2.0

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

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

Like any other animation type, a ColorAnimation can be applied in a number of ways, including transitions, behaviors and property value sources. The Animation and Transitions in Qt Quick documentation shows a variety of methods for creating animations.

For convenience, when a ColorAnimation is used in a Transition, it will animate any color properties that have been modified during the state change. If a property or properties are explicitly set for the animation, then those are used instead.

See also Animation and Transitions in Qt Quick and Qt Quick Examples - Animation.

Property Documentation

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

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