En esta página

ColorAnimation QML Type

Anima los cambios en los valores de color. Más...

Import Statement: import QtQuick
Inherits:

PropertyAnimation

Propiedades

Descripción detallada

ColorAnimation es un PropertyAnimation especializado que define una animación a aplicar cuando cambia un valor de color.

Aquí se muestra una ColorAnimation aplicada a la propiedad color de un Rectangle como fuente de valor de la propiedad. Anima el valor de la propiedad color desde su valor actual hasta un valor de "rojo", a lo largo de 1000 milisegundos:

import QtQuick

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

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

Como cualquier otro tipo de animación, una ColorAnimation puede ser aplicada de varias maneras, incluyendo transiciones, comportamientos y fuentes de valor de propiedad. La documentación de Animación y Transiciones en Qt Quick muestra una variedad de métodos para crear animaciones.

Por conveniencia, cuando se utiliza una ColorAnimation en un Transition, animará cualquier propiedad de color que haya sido modificada durante el cambio de estado. Si property o properties están explícitamente configurados para la animación, se utilizarán en su lugar.

Ver también Animación y Transiciones en Qt Quick y Qt Quick Ejemplos - Animación.

Documentación de propiedades

from : color

Esta propiedad contiene el valor de color en el que debe comenzar la animación.

Por ejemplo, la siguiente animación no se aplica hasta que un valor de color ha alcanzado "#c0c0c0":

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

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

Si el ColorAnimation se define dentro de un Transition o Behavior, este valor por defecto es el valor definido en el estado inicial del Transition, o el valor actual de la propiedad en el momento en que se activa el Behavior.

Véase también Animación y transiciones en Qt Quick.

to : color

Esta propiedad contiene el valor de color en el que debe terminar la animación.

Si ColorAnimation se define dentro de Transition o Behavior, este valor es por defecto el valor definido en el estado final de Transition, o el valor del cambio de propiedad que desencadenó Behavior.

Véase también Animación y transiciones en Qt Quick.

© 2026 The Qt Company Ltd. Documentation contributions included herein are the copyrights of their respective owners. The documentation provided herein is licensed under the terms of the GNU Free Documentation License version 1.3 as published by the Free Software Foundation. Qt and respective logos are trademarks of The Qt Company Ltd. in Finland and/or other countries worldwide. All other trademarks are property of their respective owners.