Delayed Animations/fa: Difference between revisions
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: | 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 />
توجه داشته باشید که اگر شما فقط می خواهید که انیمیشن مستقیم حرکت کند بعد از حرکت قبلیش شما می توانید از انیمیشن های ترتیبی استفاده کنید.