RotationAnimation QML Type

动画显示旋转值的变化。更多

• 所有成员（包括继承成员）的列表

属性

• direction : enumeration
• from : real
• to : real

详细说明

RotationAnimation 是一个专门的PropertyAnimation ，用于控制动画中的旋转方向。

默认情况下，它按照数值变化的方向旋转；从 0 旋转到 240 将顺时针旋转 240 度，而从 240 旋转到 0 将逆时针旋转 240 度。可以设置direction 属性来指定旋转的方向。

在下面的示例中，我们使用 RotationAnimation 通过最短路径为状态间的旋转制作动画：

import QtQuick

Item {
    width: 300; height: 300

    Rectangle {
        id: rect
        width: 150; height: 100; anchors.centerIn: parent
        color: "red"
        antialiasing: true

        states: State {
            name: "rotated"
            PropertyChanges { target: rect; rotation: 180 }
        }

        transitions: Transition {
            RotationAnimation { duration: 1000; direction: RotationAnimation.Counterclockwise }
        }
    }

    MouseArea { anchors.fill: parent; onClicked: rect.state = "rotated" }
}

请注意，RotationAnimation 不需要设置target 值。为了方便起见，在过渡效果中使用时，RotationAnimation 将旋转所有名为 "rotation "或 "angle "的属性。您可以通过properties 或property 提供自己的属性来覆盖这一功能。

此外，请注意Rectangle 将围绕其默认的transformOrigin （即Item.Center ）旋转。若要使用不同的变换原点，请在PropertyChanges 对象中设置原点，并在动画开始时使用PropertyAction 进行更改。详情请参见PropertyAction 文档。

与其他动画类型一样，旋转动画可以多种方式应用，包括转场、行为和属性值源。 Qt Quick 文档 中的"动画和过渡 "显示了多种创建动画的方法。

另请参阅 Qt Quick和Qt Quick 示例 - 动画中的动画和过渡。

属性文档

Item {
    states: [
        // ...
    ]

    transitions: Transition {
        RotationAnimation { properties: "angle"; from: 100; duration: 2000 }
    }
}