summaryrefslogtreecommitdiffstats
path: root/doc/src/snippets/declarative/qml-intro/sequential-animation2.qml
blob: 08c598b7260a77959ef401ffcaaf2a2ae779d142 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
import Qt 4.7

Rectangle {
    id: mainRec
    width:  600
    height: 400
    z: 0

//! [adding a sequential animation]
    Image {
        id: image1
        source: "images/qt-logo.png"
        width: 100; height: 100

        SequentialAnimation on x {
            loops: Animation.Infinite
            NumberAnimation {
                from: 20; to: 450; easing.type: "InOutQuad";
                duration: 2000
            }
            PauseAnimation { duration: 500 }
        }
    }
//! [adding a sequential animation]

    Image {
        id: image2
        source: "images/qt-logo.png"
        width: 100; height: 100
        x: (mainRec.width - 100)/2; y: (mainRec.height - 100)/2
        z: 2
    }
}