Delayed Animations

From Qt Wiki
Revision as of 13:51, 28 June 2015 by Wieland (talk | contribs) (Cleanup)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search
The printable version is no longer supported and may have rendering errors. Please update your browser bookmarks and please use the default browser print function instead.

En Ar Bg De El Es Fa Fi Fr Hi Hu It Ja Kn Ko Ms Nl Pl Pt Ru Sq Th Tr Uk Zh

Ever want the user to click something and then play out a series of delayed events? For example, opening a list and closing it again?

The following example starts with a red circle. When the user clicks on the circle, it animates in to a rectangle and triggers a timer. Once the timer triggers, it animates the rectangle back in to a circle again.

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()
        }
    }
}

Note that if you just wanted the animation to follow directly after the previous one you could use SequentialAnimation. This example is rather to show arbitrary delays in animations.