qml 动画 PauseAnimation

使用QtQuick进行动画效果实现

最新推荐文章于 2025-01-09 16:47:32 发布

原创最新推荐文章于 2025-01-09 16:47:32 发布 · 273 阅读

1 ·

CC 4.0 BY-SA版权

qt 专栏收录该内容

20 篇文章

订阅专栏

这段代码展示了如何在QtQuick中创建一个SequentialAnimation，使红色矩形在1秒内平移到x=50，然后暂停2秒，再在1秒内平移到y=50，实现了简单的2D动画效果。

import QtQuick 2.0

Item {

    Rectangle {
        id: rect
        width: 100; height: 100
        color: "red"

        SequentialAnimation {
            running: true
            NumberAnimation { target: rect; property: "x"; to: 50; duration: 1000 }

            PauseAnimation {
                duration: 2000
            }

            NumberAnimation { target: rect; property: "y"; to: 50; duration: 1000 }
        }
    }
}