93 lines
2.0 KiB
QML
93 lines
2.0 KiB
QML
import QtQuick
|
|
|
|
Rectangle {
|
|
width: 300
|
|
height: 300
|
|
|
|
// test SequentialAnimation
|
|
Rectangle {
|
|
id: line0
|
|
y: 100
|
|
width: parent.width
|
|
height: 2
|
|
color: "blue"
|
|
}
|
|
Rectangle {
|
|
id: target0
|
|
objectName: "target0"
|
|
y: 100
|
|
anchors.verticalCenter: line0.verticalCenter
|
|
height: line0.height * 5
|
|
width: height
|
|
color: "red"
|
|
radius: height/2
|
|
|
|
property bool onFinishedCalled : false;
|
|
|
|
SequentialAnimation {
|
|
id: seqAnim0
|
|
objectName: "seqAnim0"
|
|
loops: 2
|
|
running: true
|
|
NumberAnimation {
|
|
id: anim0
|
|
target: target0
|
|
property: "x"
|
|
from: 0
|
|
to: 50
|
|
duration: 500
|
|
}
|
|
Component.onCompleted: anim0.to = 290
|
|
onFinished: target0.onFinishedCalled = true
|
|
}
|
|
}
|
|
|
|
// test ParallelAnimation
|
|
Rectangle {
|
|
id: line1
|
|
y: 200
|
|
width: parent.width
|
|
height: 2
|
|
color: "blue"
|
|
}
|
|
Rectangle {
|
|
id: target1
|
|
objectName: "target1"
|
|
anchors.verticalCenter: line1.verticalCenter
|
|
height: line1.height * 5
|
|
width: height
|
|
color: "yellow"
|
|
radius: height/2
|
|
|
|
property bool onFinishedCalled : false;
|
|
|
|
ParallelAnimation {
|
|
id: parAnim0
|
|
objectName: "parAnim0"
|
|
loops: 2
|
|
running: true
|
|
NumberAnimation {
|
|
id: anim1
|
|
target: target1
|
|
property: "x"
|
|
from: 0
|
|
to: 50
|
|
duration: 500
|
|
}
|
|
Component.onCompleted: anim1.to = 290
|
|
onFinished: target1.onFinishedCalled = true
|
|
}
|
|
}
|
|
|
|
Timer {
|
|
interval: 400
|
|
running: true
|
|
onTriggered: {
|
|
seqAnim0.pause()
|
|
parAnim0.pause()
|
|
anim0.to = 140
|
|
anim1.to = 140
|
|
}
|
|
}
|
|
}
|