路径插值器 QML 类型

指定如何沿路径手动动画。 更多信息...

导入声明import QtQuick

属性

详细描述

PathInterpolator 为路径上特定 progressxyangle 信息提供。

在以下示例中,我们沿贝塞尔路径动画一个绿色矩形。

import QtQuick

Rectangle {
    width: 400
    height: 400

    PathInterpolator {
        id: motionPath

        path: Path {
            startX: 0; startY: 0

            PathCubic {
                x: 350; y: 350

                control1X: 350; control1Y: 0
                control2X: 0; control2Y: 350
            }
        }

        NumberAnimation on progress { from: 0; to: 1; duration: 2000 }
    }

    Rectangle {
        width: 50; height: 50
        color: "green"

        //bind our attributes to follow the path as progress changes
        x: motionPath.x
        y: motionPath.y
        rotation: motionPath.angle
    }
}

属性文档

x : real [只读]

y : real [只读]

这些属性保持路径在 progress 的位置。


angle : real [只读]

此属性保持路径在 progress 的切线角度。

角度按顺时针方向报告,以 3 点钟位置为零度。


path : Path

此属性保持要插值的路径。

有关定义路径的更多信息,请参阅 Path 文档。


progress : real

此属性保持路径上的当前进度。

PathInterpolator 的典型用法是设置进度(通常通过 NumberAnimation),并读取相应 x、y 和 angle 的值(通常通过到这些值的绑定)。

进度范围为 0.0 到 1.0。


© 2024 Qt 公司。本文件中包含的文档贡献都是其各自所有者的版权所有。本文件提供的文档是根据 Free Software Foundation 发布的 GNU Free Documentation License 版本 1.3 的条款许可的。Qt及其相应商标是芬兰及/或其他国家的 Qt 公司的 商标。所有其他商标都是其各自所有者的财产。