颜色动画 QML 类型

动画颜色值的变化。更多...

导入声明	import QtQuick
继承	PropertyAnimation

所有成员列表，包括继承成员

属性

from : color
to : color

详细描述

颜色动画是一个特殊化的 PropertyAnimation，用于定义当颜色值变化时应用的动画。

以下是一个应用于矩形 color 属性的静态值源的颜色动画。它将 color 属性的值从当前值动画过渡到“红色”，持续 1000 毫秒。

import QtQuick

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

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

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

为了方便，当颜色动画在过渡中使用时，它将动画化在状态变化过程中修改的任何 color 属性。如果为动画显式设置了属性或属性列表，则将这些属性作为替代使用。

另请参阅Qt Quick 中的动画和过渡和 Qt Quick 示例 - 动画。

属性文档

from : color

此属性包含动画应 beginning 的颜色值。

例如，以下动画仅在颜色值达到 "#c0c0c0" 后才应用

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

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

如果在颜色动画中定义为 transition 或行为的内部，此值默认为 transition 的起始状态中定义的值，或行为触发时属性当前的值。

另请参阅Qt Quick 中的动画和过渡。

to : color

此属性包含 animation 应停止的颜色值。

如果在颜色动画中定义为 transition 或行为的内部，此值默认为 transition 的结束状态中定义的值，或由行为触发引起的属性变化值。

另请参阅Qt Quick 中的动画和过渡。