QML中ParallelAnimation组合动画

最新推荐文章于 2024-07-30 11:33:12 发布

炫彩灵感

最新推荐文章于 2024-07-30 11:33:12 发布

阅读量2.2k

点赞数

文章标签： QT QML 动画

本文链接：https://blog.csdn.net/xuancailinggan/article/details/50902736

版权

本文介绍了QML中的ParallelAnimation如何实现组合动画。ParallelAnimation并不直接产生动画，而是将多个动画组合在一起同时执行。通过示例展示了如何让一个矩形框在移动的同时改变颜色，这种做法通常比其他方式更为高效。

摘要由CSDN通过智能技术生成

组合动画有两种，这个只是其中一种而已，ParallelAnimation自己并不会产生动画，而是把其它的动画放进来。另外呢，在ParallelAnimation里面的动画也都是同时执行的。当然，别的方法也能实现，但是在大部分时候ParallelAnimation的方法是比其它方式更好的。

一个小矩形框边移动边变色的例子：

import QtQuick 2.3
import QtQuick.Window 2.2

Window {
    visible: true
    width: 300
    height: 300
    Rectangle{
    id:rect
    width: 100
    height: 100
    color: "red"
    }

   ParallelAnimation{
       id:test
       NumberAnimation {
           target: rect
           property: "x"
           duration: 2000
           easing.type: Easing.InOutQuad
           from:0
           to:200
       }
       NumberAnimation {
           target: rect
           property: "y"
           duration: 2000
           easing.type: Easing.InOutQuad
           from:0
           to:200
       }
       ColorAnimation {
           target: rect
           property: "color"
           duration: