Revision control
Copy as Markdown
// Copyright (C) 2020 The Qt Company Ltd.
// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR GPL-3.0-only
import QtQuick 2.0
import QtQuick.Timeline 1.0
Item {
id: item1
width: 640
height: 480
Timeline {
id: keyframeMutator
endFrame: 1000
enabled: true
animations: [
TimelineAnimation {
running: true
duration: 1000
loops: -1
from: keyframeMutator.startFrame
to: keyframeMutator.endFrame
}
]
KeyframeGroup {
target: circle1
property: "width"
Keyframe {
easing.bezierCurve: [0.65,0.05,0.35,1.00,1,1]
frame: 500
value: 250
}
Keyframe {
easing.bezierCurve: [0.65,0.05,0.35,1.00,1,1]
frame: 1000
value: 50
}
}
KeyframeGroup {
target: circle1
property: "height"
Keyframe {
easing.bezierCurve: [0.65,0.05,0.35,1.00,1,1]
frame: 500
value: 250
}
Keyframe {
easing.bezierCurve: [0.65,0.05,0.35,1.00,1,1]
frame: 1000
value: 50
}
}
KeyframeGroup {
target: circle1
property: "opacity"
Keyframe {
easing.bezierCurve: [0.65,0.05,0.35,1.00,1,1]
frame: 500
value: 1
}
Keyframe {
easing.bezierCurve: [0.65,0.05,0.35,1.00,1,1]
frame: 1000
value: 0
}
}
KeyframeGroup {
target: circle
property: "opacity"
Keyframe {
easing.bezierCurve: [0.65,0.05,0.35,1.00,1,1]
frame: 500
value: 1
}
}
KeyframeGroup {
target: circle
property: "width"
Keyframe {
easing.bezierCurve: [0.65,0.05,0.35,1.00,1,1]
frame: 500
value: 180
}
Keyframe {
easing.bezierCurve: [0.65,0.05,0.35,1.00,1,1]
frame: 1000
value: 80
}
}
KeyframeGroup {
target: circle
property: "height"
Keyframe {
easing.bezierCurve: [0.65,0.05,0.35,1.00,1,1]
frame: 500
value: 180
}
Keyframe {
easing.bezierCurve: [0.65,0.05,0.35,1.00,1,1]
frame: 1000
value: 80
}
}
KeyframeGroup {
target: circle2
property: "opacity"
Keyframe {
easing.bezierCurve: [0.65,0.05,0.35,1.00,1,1]
frame: 1000
value: 0
}
}
KeyframeGroup {
target: circle2
property: "width"
Keyframe {
easing.bezierCurve: [0.65,0.05,0.35,1.00,1,1]
frame: 1000
value: 10
}
}
KeyframeGroup {
target: circle2
property: "height"
Keyframe {
easing.bezierCurve: [0.65,0.05,0.35,1.00,1,1]
frame: 1000
value: 10
}
}
}
Circle {
id: circle
x: 283
y: 202
width: 75
height: 76
color: "#00ffffff"
opacity: 0
anchors.horizontalCenter: parent.horizontalCenter
anchors.verticalCenter: parent.verticalCenter
borderWidth: 4
borderColor: "#808080"
}
Circle {
id: circle1
x: 280
y: 206
width: 75
height: 76
color: "#00ffffff"
opacity: 0
borderWidth: 4
borderColor: "#808080"
anchors.horizontalCenter: parent.horizontalCenter
anchors.verticalCenter: parent.verticalCenter
}
Circle {
id: circle2
x: 272
y: 206
width: 75
height: 76
color: "#00ffffff"
borderWidth: 4
borderColor: "#808080"
anchors.horizontalCenter: parent.horizontalCenter
anchors.verticalCenter: parent.verticalCenter
}
}