QML中的SpringAnimation弹簧震荡动画

来源:互联网 发布:孤烟暮蝉 知乎 编辑:程序博客网 时间:2024/04/30 12:15

SpringAnimation用来显示出类似于弹簧的震动效果。

先说几个属性:

spring:加速度属性

damping:衰减系数

epsilon:阈值

velocity:速率

一个红色小方块弹动的例子:

import QtQuick 2.3import QtQuick.Window 2.2Window {    visible: true    width: 300    height: 300    Rectangle{        id:rect        width: 100        height: 100        color: "red"    }    MouseArea{        anchors.fill: parent        onClicked: spring.start()    }    SpringAnimation{        id:spring        from:0        to:100        target: rect        property: "y"        damping: 0.01        epsilon: 0.005        spring: 3    }}

然后你发现这个小家伙一直弹动……



0 0
原创粉丝点击