SpringAnimation QML Type▲
-
Import Statement: import QtQuick
-
Inherits: NumberAnimation
-
Group: SpringAnimation is part of qtquick-transitions-animations
Detailed Description▲
https:// mimics the oscillatory behavior of a spring, with the appropriate https:// constant to control the acceleration and the https:// to control how quickly the effect dies away.
You can also limit the maximum https:// of the animation.
The following https:// moves to the position of the mouse using a https:// when the mouse is clicked. The use of the https:// on the x and y values indicates that whenever these values are changed, a https:// should be applied.
import QtQuick 2.0
Item {
width: 300; height: 300
Rectangle {
id: rect
width: 50; height: 50
color: "red"
Behavior on x { SpringAnimation { spring: 2; damping: 0.2 } }
Behavior on y { SpringAnimation { spring: 2; damping: 0.2 } }
}
MouseArea {
anchors.fill: parent
onClicked: (mouse)=> {
rect.x = mouse.x - rect.width/2
rect.y = mouse.y - rect.height/2
}
}
}Like any other animation type, a https:// can be applied in a number of ways, including transitions, behaviors and property value sources. The https:// documentation shows a variety of methods for creating animations.
See Also▲
See also https://, https://, https://, Qt Quick Demo - Clocks
Property Documentation▲
damping : real▲
This property holds the spring damping value.
This value describes how quickly the spring-like motion comes to rest. The default value is 0.
The useful value range is 0 - 1.0. The lower the value, the faster it comes to rest.
epsilon : real▲
This property holds the spring epsilon.
The epsilon is the rate and amount of change in the value which is close enough to 0 to be considered equal to zero. This will depend on the usage of the value. For pixel positions, 0.25 would suffice. For scale, 0.005 will suffice.
The default is 0.01. Tuning this value can provide small performance improvements.
mass : real▲
This property holds the "mass" of the property being moved.
The value is 1.0 by default.
A greater mass causes slower movement and a greater spring-like motion when an item comes to rest.
modulus : real▲
This property holds the modulus value. The default value is 0.
Setting a modulus forces the target value to "wrap around" at the modulus. For example, setting the modulus to 360 will cause a value of 370 to wrap around to 10.
spring : real▲
This property describes how strongly the target is pulled towards the source. The default value is 0 (that is, the spring-like motion is disabled).
The useful value range is 0 - 5.0.
When this property is set and the https:// value is greater than 0, the https:// limits the maximum speed.
velocity : real▲
This property holds the maximum velocity allowed when tracking the source.
The default value is 0 (no maximum velocity).