Delayed Animations/fr: Difference between revisions

From Qt Wiki
Jump to navigation Jump to search
No edit summary
 
No edit summary
Line 1: Line 1:
[[Delayed Animations|Anglais]] [[Delayed Animations Spanish|Espagnol]] [[Delayed Animations Italian|Italien]] '''Français''' [[Delayed Animations Bulgarian|Български]]
[[Category:Learning]]<br />[[Category:HowTo]]<br />[[Category:French]]<br />[[Category:Developing_with_Qt::Qt Quick]]


Est ce que vous avez déjà voulu laisser l’utilisateur cliquer et plus tard, effectuer une série d’action ? Par exemple, vous pourriez vouloir ouvrir une liste puis la refermer,
[[Delayed_Animations|Anglais]] [[Delayed_Animations_Spanish|Espagnol]] [[Delayed_Animations_Italian|Italien]] '''Français''' [[Delayed_Animations_Bulgarian|Български]]


L’exemple suivant a pour point de départ un cercle rouge. Quand l’utilisateur clique dans le cercle, il se transforme en rectangle et commence un décompte. Quand le décompte se termine, le rectangle redevient un cercle.
Est ce que vous avez déjà voulu laisser l'utilisateur cliquer et plus tard, effectuer une série d'action ? Par exemple, vous pourriez vouloir ouvrir une liste puis la refermer,


Si vous vouliez que l’animation s’enchaîne directement après la précédente, vous pourrriez utiliser ''SequentialAnimation''. Cet exemple est plutôt pour montrer comment faire des animations retardées.
L'exemple suivant a pour point de départ un cercle rouge. Quand l'utilisateur clique dans le cercle, il se transforme en rectangle et commence un décompte. Quand le décompte se termine, le rectangle redevient un cercle.


Il existe un fil (en anglais) sur le forum : http://developer.qt.nokia.com/forums/viewthread/2085/
<code><br />import QtQuick 1.0


===Categories:===
Rectangle {<br /> property int temps: 800<br /> property int taille: 300<br /> width: taille; height: taille; radius: taille<br /> color: &quot;red&amp;quot;<br /> Behavior on radius { NumberAnimation { duration: temps } }<br /> Timer {<br /> id: reset<br /> interval: temps;<br /> onTriggered: parent.radius = taille<br /> }


* [[:Category:Developing with Qt|Developing_with_Qt]]
MouseArea {<br /> anchors.fill: parent<br /> onClicked: {<br /> parent.radius = 0;<br /> reset.start()<br /> }<br /> }<br />}<br /></code>
** [[:Category:Developing with Qt::Qt-Quick|Qt Quick]]
 
* [[:Category:French|French]]
Si vous vouliez que l'animation s'enchaîne directement après la précédente, vous pourrriez utiliser ''SequentialAnimation''. Cet exemple est plutôt pour montrer comment faire des animations retardées.
* [[:Category:HowTo|HowTo]]
* [[:Category:Learning|Learning]]

Revision as of 11:15, 24 February 2015




Anglais Espagnol Italien Français Български

Est ce que vous avez déjà voulu laisser l'utilisateur cliquer et plus tard, effectuer une série d'action ? Par exemple, vous pourriez vouloir ouvrir une liste puis la refermer,

L'exemple suivant a pour point de départ un cercle rouge. Quand l'utilisateur clique dans le cercle, il se transforme en rectangle et commence un décompte. Quand le décompte se termine, le rectangle redevient un cercle.

<br />import QtQuick 1.0

Rectangle {<br /> property int temps: 800<br /> property int taille: 300<br /> width: taille; height: taille; radius: taille<br /> color: &quot;red&amp;quot;<br /> Behavior on radius { NumberAnimation { duration: temps } }<br /> Timer {<br /> id: reset<br /> interval: temps;<br /> onTriggered: parent.radius = taille<br /> }

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

Si vous vouliez que l'animation s'enchaîne directement après la précédente, vous pourrriez utiliser SequentialAnimation. Cet exemple est plutôt pour montrer comment faire des animations retardées.