Delayed Animations/fa: Difference between revisions

From Qt Wiki
Jump to navigation Jump to search
No edit summary
No edit summary
Line 11: Line 11:
<code><br />import QtQuick 1.0
<code><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 /> }
Rectangle {<br /> property int time: 800<br /> property int size: 300<br /> width: size; height: size; radius: size<br /> color: "red"<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 /></code>
MouseArea {<br /> anchors.fill: parent<br /> onClicked: {<br /> parent.radius = 0;<br /> reset.start()<br /> }<br /> }<br />}<br /></code>


توجه داشته باشید که اگر شما فقط می خواهید که انیمیشن مستقیم حرکت کند بعد از حرکت قبلیش شما می توانید از انیمیشن های ترتیبی استفاده کنید.
توجه داشته باشید که اگر شما فقط می خواهید که انیمیشن مستقیم حرکت کند بعد از حرکت قبلیش شما می توانید از انیمیشن های ترتیبی استفاده کنید.

Revision as of 14:54, 24 February 2015



فارسی English Spanish Italian French 日本語 Български Русский

Delayed Animations انیمیشن های تاخیری

آیا تا بحال خواسته اید که کاربر روی چیزی کلیک کند و سپس یک سری از اتفاقات تاخیری نمایش داده شوند؟برای مثال وقتی که یک لیست باز میشود و دوباره بسته می شود؟

مثال بالا با یک دایره قرمز شروع می شود . وقتی که کاربر روی دایره کلیک میکند دایره شروع به حرکت داخل مستطیل می کند و تایمر نیز شروع به حرکت می کند.وقتی که تایمر حرکت می کند مستطیل دوباره شروع به حرکت داخل دایره می کند.

<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: "red"<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 />

توجه داشته باشید که اگر شما فقط می خواهید که انیمیشن مستقیم حرکت کند بعد از حرکت قبلیش شما می توانید از انیمیشن های ترتیبی استفاده کنید.