Qt wiki will be updated on October 12th 2023 starting at 11:30 AM (EEST) and the maintenance will last around 2-3 hours. During the maintenance the site will be unavailable.
Delayed Animations/fr: Difference between revisions
No edit summary |
No edit summary |
||
| Line 9: | Line 9: | ||
<code><br />import QtQuick 1.0 | <code><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: | Rectangle {<br /> property int temps: 800<br /> property int taille: 300<br /> width: taille; height: taille; radius: taille<br /> color: "red"<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 /></code> | MouseArea {<br /> anchors.fill: parent<br /> onClicked: {<br /> parent.radius = 0;<br /> reset.start()<br /> }<br /> }<br />}<br /></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. | ||
Revision as of 14:30, 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: "red"<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.