Revision control
++ // Copyright (C) 2020 The Qt Company Ltd.
++ // SPDX-License-Identifier: LicenseRef-Qt-Commercial OR GPL-3.0-only
++
++ import QtQuick 2.0
++ // Note: KeyframeGroup keyframeSource requires 1.1 version
++ import QtQuick.Timeline 1.1
++
++ Item {
++ id: rootItem
++ property vector3d v3: Qt.vector3d(0,0,0)
++
++ Rectangle {
++ id: rectangle1
++ anchors.verticalCenter: parent.verticalCenter
++ anchors.left: parent.left
++ anchors.leftMargin: 10
++ width: 120
++ height: 120
++ color: "red"
++ radius: width / 2
++ }
++ Rectangle {
++ id: rectangle2
++ anchors.verticalCenter: parent.verticalCenter
++ anchors.right: parent.right
++ anchors.rightMargin: 10
++ width: 120
++ height: 120
++ color: "blue"
++ radius: width / 2
++ }
++ Rectangle {
++ id: rectangle3
++ anchors.verticalCenter: parent.verticalCenter
++ anchors.horizontalCenter: parent.horizontalCenter
++ width: 120
++ height: 120
++ color: "black"
++ radius: width / 2
++ }
++ Text {
++ font.pixelSize: 20
++ anchors.horizontalCenter: parent.horizontalCenter
++ anchors.top: parent.top
++ anchors.topMargin: 10
++ text: "value: " + (rootItem.v3.x).toFixed(2)
++ + ", " + (rootItem.v3.y).toFixed(2)
++ + ", " + (rootItem.v3.z).toFixed(2)
++ color: "black"
++ }
++
++ Timeline {
++ id: timeline1
++ enabled: true
++ startFrame: 0
++ endFrame: 1000
++
++ animations: [
++ TimelineAnimation {
++ running: true
++ duration: 2000
++ from: 0
++ to: 2000
++ loops: Animation.Infinite
++ }
++ ]
++ KeyframeGroup {
++ target: rectangle1
++ property: "opacity"
++ keyframeSource: "animate_real.cbor"
++ }
++ }
++
++ Timeline {
++ id: timeline2
++ enabled: true
++ startFrame: 0
++ endFrame: 2000
++
++ animations: [
++ TimelineAnimation {
++ running: true
++ duration: 2000
++ from: 0
++ to: 2000
++ loops: Animation.Infinite
++ }
++ ]
++ KeyframeGroup {
++ target: rectangle2
++ property: "visible"
++ keyframeSource: "animate_bool.cbor"
++ }
++ }
++
++ Timeline {
++ id: timeline3
++ enabled: true
++ startFrame: 0
++ endFrame: 2000
++
++ animations: [
++ TimelineAnimation {
++ running: true
++ duration: 2000
++ from: 0
++ to: 2000
++ loops: Animation.Infinite
++ }
++ ]
++ KeyframeGroup {
++ target: rectangle3
++ property: "color"
++ keyframeSource: "animate_color.cbor"
++ }
++ }
++
++ Timeline {
++ id: timeline4
++ enabled: true
++ startFrame: 0
++ endFrame: 2000
++
++ animations: [
++ TimelineAnimation {
++ running: true
++ duration: 10000
++ from: 0
++ to: 2000
++ loops: Animation.Infinite
++ }
++ ]
++ KeyframeGroup {
++ target: rootItem
++ property: "v3"
++ keyframeSource: "animate_vector3d.cbor"
++ }
++ }
++ }