Delayed Animations/es

Spanish English Italian Български

¿Alguna vez deseo que el usuario haga click en algo y luego ejecutar una serie de eventos con retraso? Por ejemplo abrir una lista y cerrarla de nuevo?

En siguiente ejemplo se inicia con un círculo rojo. Cuando el usuario hace click en el círculo este anima a un rectángulo y activa un temporizador. Una vez que el temporizador se dispara este anima la propiedad radius en el rectángulo.

import QtQuick 1.0

Rectangle {
 property int time: 800
 property int size: 300
 width: size; height: size; radius: size
 color: "red"
 Behavior on radius { NumberAnimation { duration: time } }
 Timer {
 id: reset
 interval: time;
 onTriggered: parent.radius = size
 }

MouseArea {
 anchors.fill: parent
 onClicked: {
 parent.radius = 0;
 reset.start()
 }
 }
}

Tenga en cuenta que si sólo quería que la animación se ejecutara inmediatamente después de hacer click, puede utilizar SequentialAnimation. Este ejemplo es más bien para mostrar cual es el resultado de aplicar retrasos arbitrarios en las animaciones.