Details
-
Bug
-
Resolution: Done
-
P2: Important
-
QSR 1.2
-
None
-
I7f3603c8f3ca33c3640133326f9c485859ffdf1f
Description
Please find a correct page in the safety manual for the following addition (either animations or FAQ page). Feel free to use suitable wording to explain the topic.
When using the timeline, you must specify the keyframeGroup for start and end values to ensure those are taken into account in layout animation building.
Assumptions on the implicit values do not work. Computer does only what it is told to do, it does not read minds.
Example code:
KeyframeGroup {
target: image
property: "width"
Keyframe {
easing.type: Easing.InOutQuad
frame: 0
value: 256
}
Keyframe {
easing.type: Easing.InOutQuad
frame: 500
value: 128
}
Keyframe {
easing.type: Easing.InOutQuad
frame: 1000
value: 64
}
}
—
Another tip:
You can validate your design easily with QML Scene tool. No need to put this in the manual, put recording it here, so we remember it in the future. This code snippet will change the state to default state or active state (see integration timelinetest for details)
MouseArea { anchors.fill: parent onClicked: { console.log("active") if (rectangle.state == "active"){ rectangle.state = "" } else { rectangle.state = "active" } } }