Delayed Animations/fr: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
m (Simow moved page Delayed Animations French to Delayed Animations/fr: Localisation) |
||
(2 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
[[Category:Learning]] | {{Cleanup | reason=Auto-imported from ExpressionEngine.}} | ||
[[Category:Learning]] | |||
[[Category:HowTo]] | |||
[[Category:French]] | |||
[[Category:Developing_with_Qt::Qt Quick]] | |||
[[Delayed_Animations|Anglais]] [[Delayed_Animations_Spanish|Espagnol]] [[Delayed_Animations_Italian|Italien]] '''Français''' [[Delayed_Animations_Bulgarian|Български]] | [[Delayed_Animations|Anglais]] [[Delayed_Animations_Spanish|Espagnol]] [[Delayed_Animations_Italian|Italien]] '''Français''' [[Delayed_Animations_Bulgarian|Български]] | ||
Line 7: | Line 12: | ||
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. | 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. | ||
<code> | <code> | ||
import QtQuick 1.0 | |||
Rectangle { | Rectangle { | ||
property int temps: 800 | |||
property int taille: 300 | |||
width: taille; height: taille; radius: taille | |||
color: "red" | |||
Behavior on radius { NumberAnimation { duration: temps } } | |||
Timer { | |||
id: reset | |||
interval: temps; | |||
onTriggered: parent.radius = taille | |||
} | |||
MouseArea { | MouseArea { | ||
anchors.fill: parent | |||
onClicked: { | |||
parent.radius = 0; | |||
reset.start() | |||
} | |||
} | |||
} | |||
</code> | |||
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. | 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. |
Latest revision as of 21:59, 8 March 2015
This article may require cleanup to meet the Qt Wiki's quality standards. Reason: Auto-imported from ExpressionEngine. Please improve this article if you can. Remove the {{cleanup}} tag and add this page to Updated pages list after it's clean. |
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.
import QtQuick 1.0
Rectangle {
property int temps: 800
property int taille: 300
width: taille; height: taille; radius: taille
color: "red"
Behavior on radius { NumberAnimation { duration: temps } }
Timer {
id: reset
interval: temps;
onTriggered: parent.radius = taille
}
MouseArea {
anchors.fill: parent
onClicked: {
parent.radius = 0;
reset.start()
}
}
}
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.