Delayed Animations/bg: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
m (Simow moved page Delayed Animations\bg to Delayed Animations/bg: Localisation) |
||
| (4 intermediate revisions by 3 users not shown) | |||
| Line 1: | Line 1: | ||
[[Category:Learning]] | {{Cleanup | reason=Auto-imported from ExpressionEngine.}} | ||
[[Category:Learning]] | |||
[[Category:HowTo]] | |||
[[Category:Developing_with_Qt::Qt Quick]] | |||
'''Български''' [[Delayed_Animations|English]] [[Delayed_Animations_Spanish|Spanish]] [[Delayed_Animations_Italian|Italian]] [[Delayed_Animations_French|French]] [[Delayed_Animations_Japanese|日本語]] | '''Български''' [[Delayed_Animations|English]] [[Delayed_Animations_Spanish|Spanish]] [[Delayed_Animations_Italian|Italian]] [[Delayed_Animations_French|French]] [[Delayed_Animations_Japanese|日本語]] | ||
| Line 9: | Line 13: | ||
Този пример показва червен кръг. Когато потребителят натисне кръга, той се анимира до квадрат и стартира таймер. Когато таймерът изтече, квадрата се анимира обратно до кръг. | Този пример показва червен кръг. Когато потребителят натисне кръга, той се анимира до квадрат и стартира таймер. Когато таймерът изтече, квадрата се анимира обратно до кръг. | ||
<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> | |||
Забележете, че ако искате просто втората анимация да тръгне веднага след другата, можете да използвате ''SequentialAnimation''. Целта на този пример е да покаже произволно закъснение в анимациите. | Забележете, че ако искате просто втората анимация да тръгне веднага след другата, можете да използвате ''SequentialAnimation''. Целта на този пример е да покаже произволно закъснение в анимациите. | ||
Latest revision as of 22:01, 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. |
Български English Spanish Italian French 日本語
Забавени аминамции
Някога да сте искали потребителят да натисне нещо и тогава да пуснете серия от забавени събития? На пример, отваряне на лист и затварянето му отново?
Този пример показва червен кръг. Когато потребителят натисне кръга, той се анимира до квадрат и стартира таймер. Когато таймерът изтече, квадрата се анимира обратно до кръг.
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()
}
}
}
Забележете, че ако искате просто втората анимация да тръгне веднага след другата, можете да използвате SequentialAnimation. Целта на този пример е да покаже произволно закъснение в анимациите.