QML —— 顺序动画,足球落地示例(附完整源码)

效果

源码
cpp 复制代码
import QtQuick 2.12
import QtQuick.Window 2.12

Window
{
    visible: true
    width: 640
    height: 480
    title: qsTr("Hello World")

    MouseArea
    {
        anchors.fill: parent
        onClicked:{setSequentialAnimationState(true)}
    }

    Component.onCompleted:{setSequentialAnimationState(false)}
    Component.onDestruction:{setSequentialAnimationState(false)}

    function setSequentialAnimationState(b)
    {
        if(b)
        {
            if(!sequentialAnimation.running){sequentialAnimation.start()}
        }
        else
        {
             if(sequentialAnimation.running){sequentialAnimation.stop()}
        }
    }

    Image
    {
        id: ballImg
        source: "ball.jpeg"
        scale: 0.3
        y: -height
        anchors.horizontalCenter: parent.horizontalCenter

        SequentialAnimation on y
        {
            id: sequentialAnimation
            loops: Animation.Infinite
            NumberAnimation
            {
                id: fallNumberAnimation
                to: ballImg.parent.height - ballImg.height
                easing.type: Easing.OutBounce
                duration: 2000
            }

            PauseAnimation {duration: 1000}

            NumberAnimation
            {
                to: -ballImg.height
                easing.type: Easing.OutQuad
                duration: 500
            }

        }
    }
}

关注

笔者 - jxd

相关推荐
二猛子4 小时前
Qt-托盘的实现
开发语言·qt
用户878623683784 小时前
QT6和QT5,使用player设定播放视频的注意点!
qt
嗯嗯嗯哈哈哈6 小时前
qt.tlsbackend.ossl: Failed to load libssl/libcrypto.
开发语言·qt·html5
溟洵6 小时前
【Qt】控件的理解 和 基础控件 QWidget 属性详解(通俗易懂+附源码+思维导图框架)
c语言·开发语言·前端·c++·windows·qt
一叶飘零晋6 小时前
[特殊字符]【Qt自定义控件】创意开关按钮 - 丝滑动画+自定义样式+信号交互 | 附完整源码
开发语言·qt·交互
Zfox_7 小时前
【Qt】QDialog类
c++·qt·qt5·客户端开发
若水晴空初如梦13 小时前
QT聊天项目DAY06
开发语言·qt
鄃鳕15 小时前
QSS【QT】
开发语言·qt
全栈开发圈16 小时前
新书速览|OpenCV计算机视觉开发实践:基于Qt C++
qt·opencv·计算机视觉
学习同学17 小时前
设计模式 建造者模式
qt·设计模式·建造者模式