فارسی 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: &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 />

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