Delayed Animations/es: Difference between revisions

From Qt Wiki
Jump to navigation Jump to search
No edit summary
No edit summary
Line 1: Line 1:
[[Category:Learning]]<br />[[Category:HowTo]]<br />[[Category:Developing_with_Qt::Qt Quick]]<br />[[Category:QtDevelopmentSpanish::General]]<br />[[Category:Spanish]]
[[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><br />import QtQuick 1.0
<code>
import QtQuick 1.0


Rectangle {<br /> property int time: 800<br /> property int size: 300<br /> width: size; height: size; radius: size<br /> color: "red"<br /> Behavior on radius { NumberAnimation { duration: time } }<br /> Timer {<br /> id: reset<br /> interval: time;<br /> onTriggered: parent.radius = size<br /> }
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 {<br /> anchors.fill: parent<br /> onClicked: {<br /> parent.radius = 0;<br /> reset.start()<br /> }<br /> }<br />}<br /></code>
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.