Delayed Animations/es: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
[[Category:Learning]] | [[Category:Learning]] | ||
[[Category:HowTo]] | |||
[[Category:Developing_with_Qt::Qt Quick]] | |||
[[Category:QtDevelopmentSpanish::General]] | |||
[[Category:Spanish]] | |||
'''Spanish''' [[Delayed_Animations|English]] [[Delayed_Animations_Italian|Italian]] [[Delayed_Animations_Bulgarian|Български]] | '''Spanish''' [[Delayed_Animations|English]] [[Delayed_Animations_Italian|Italian]] [[Delayed_Animations_Bulgarian|Български]] | ||
| Line 7: | Line 11: | ||
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. | 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. | ||
<code> | <code> | ||
import QtQuick 1.0 | |||
Rectangle { | 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 { | MouseArea { | ||
anchors.fill: parent | |||
onClicked: { | |||
parent.radius = 0; | |||
reset.start() | |||
} | |||
} | |||
} | |||
</code> | |||
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. | 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. | ||
Revision as of 11:22, 25 February 2015
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.