Animates changes in color values. 更多...
import 语句: | import QtQuick |
继承: | PropertyAnimation |
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 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.
另请参阅 Qt Quick 中的动画和过渡 and Qt Quick Examples - Animation .
from : color |
This property holds the color value at which the animation should begin.
For example, the following animation is not applied until a color value has reached "#c0c0c0":
Item { states: [ // States are defined here... ] transitions: Transition { ColorAnimation { from: "#c0c0c0"; duration: 2000 } } }
若 ColorAnimation is defined within a Transition or Behavior , this value defaults to the value defined in the starting state of the Transition , or the current value of the property at the moment the Behavior 被触发。
另请参阅 Qt Quick 中的动画和过渡 .
to : color |
This property holds the color value at which the animation should end.
若 ColorAnimation is defined within a Transition or Behavior , this value defaults to the value defined in the end state of the Transition , or the value of the property change that triggered the Behavior .
另请参阅 Qt Quick 中的动画和过渡 .