Delayed Animations/ru: Difference between revisions

From Qt Wiki
Jump to navigation Jump to search
No edit summary
m (Simow moved page Delayed Animations Russian to Delayed Animations/ru: Localisation)
 
(2 intermediate revisions by 2 users not shown)
Line 1: Line 1:
[[Category:Learning]]<br />[[Category:HowTo]]<br />[[Category:Developing_with_Qt::Qt Quick]]
{{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_Bulgarian|Български]]
'''Русский''' [[Delayed_Animations|English]] [[Delayed_Animations_Spanish|Spanish]] [[Delayed_Animations_Italian|Italian]] [[Delayed_Animations_French|French]] [[Delayed_Animations_Japanese|日本語]] [[Delayed_Animations_Bulgarian|Български]]
Line 9: Line 13:
Следующий пример начинается с красного круга. Щелчок пользователя на круге, приводит к анимации круга в прямоугольник и запускает таймер. Когда таймер сработает, прямоугольник будет анимирован обратно в круг.
Следующий пример начинается с красного круга. Щелчок пользователя на круге, приводит к анимации круга в прямоугольник и запускает таймер. Когда таймер сработает, прямоугольник будет анимирован обратно в круг.


<code><br />import QtQuick 1.0
<code>
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 /> }
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 {<br /> anchors.fill: parent<br /> onClicked: {<br /> parent.radius = 0;<br /> reset.start()<br /> }<br /> }<br />}<br /></code>
MouseArea {
anchors.fill: parent
onClicked: {
parent.radius = 0;
reset.start()
}
}
}
</code>


Следует заметить, что если вам нужна анимация сразу после предыдущей, то можно воспользоваться элементом SequentialAnimation. Этот пример скорее показывает произвольную задержку в анимации.
Следует заметить, что если вам нужна анимация сразу после предыдущей, то можно воспользоваться элементом SequentialAnimation. Этот пример скорее показывает произвольную задержку в анимации.

Latest revision as of 22:00, 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. Этот пример скорее показывает произвольную задержку в анимации.