Delayed Animations/bg: Difference between revisions

From Qt Wiki
Jump to navigation Jump to search
No edit summary
 
No edit summary
Line 1: Line 1:
'''Български''' [[Delayed Animations|English]] [[Delayed Animations Spanish|Spanish]] [[Delayed Animations Italian|Italian]] [[Delayed Animations French|French]] [[Delayed Animations Japanese|日本語]]
[[Category:Learning]]<br />[[Category:HowTo]]<br />[[Category:Developing_with_Qt::Qt Quick]]


=Забавени аминамции=
'''Български''' [[Delayed_Animations|English]] [[Delayed_Animations_Spanish|Spanish]] [[Delayed_Animations_Italian|Italian]] [[Delayed_Animations_French|French]] [[Delayed_Animations_Japanese|日本語]]
 
= Забавени аминамции =


Някога да сте искали потребителят да натисне нещо и тогава да пуснете серия от забавени събития? На пример, отваряне на лист и затварянето му отново?
Някога да сте искали потребителят да натисне нещо и тогава да пуснете серия от забавени събития? На пример, отваряне на лист и затварянето му отново?
Line 7: Line 9:
Този пример показва червен кръг. Когато потребителят натисне кръга, той се анимира до квадрат и стартира таймер. Когато таймерът изтече, квадрата се анимира обратно до кръг.
Този пример показва червен кръг. Когато потребителят натисне кръга, той се анимира до квадрат и стартира таймер. Когато таймерът изтече, квадрата се анимира обратно до кръг.


Забележете, че ако искате просто втората анимация да тръгне веднага след другата, можете да използвате ''SequentialAnimation''. Целта на този пример е да покаже произволно закъснение в анимациите.
<code><br />import QtQuick 1.0


Тема от форума, в която това е обсъдено: http://developer.qt.nokia.com/forums/viewthread/2085/
Rectangle {<br /> property int time: 800<br /> property int size: 300<br /> width: size; height: size; radius: size<br /> color: &quot;red&amp;quot;<br /> Behavior on radius { NumberAnimation { duration: time } }<br /> Timer {<br /> id: reset<br /> interval: time;<br /> onTriggered: parent.radius = size<br /> }


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


* [[:Category:Developing with Qt|Developing_with_Qt]]
Забележете, че ако искате просто втората анимация да тръгне веднага след другата, можете да използвате ''SequentialAnimation''. Целта на този пример е да покаже произволно закъснение в анимациите.
** [[:Category:Developing with Qt::Qt-Quick|Qt Quick]]
* [[:Category:HowTo|HowTo]]
* [[:Category:Learning|Learning]]

Revision as of 06:21, 24 February 2015



Български English Spanish Italian French 日本語

Забавени аминамции

Някога да сте искали потребителят да натисне нещо и тогава да пуснете серия от забавени събития? На пример, отваряне на лист и затварянето му отново?

Този пример показва червен кръг. Когато потребителят натисне кръга, той се анимира до квадрат и стартира таймер. Когато таймерът изтече, квадрата се анимира обратно до кръг.

<br />import QtQuick 1.0

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

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

Забележете, че ако искате просто втората анимация да тръгне веднага след другата, можете да използвате SequentialAnimation. Целта на този пример е да покаже произволно закъснение в анимациите.