qml 播放动画的简单例子

在Qt Quick（简称QML）中，播放动画通常通过`QtQuick.Controls`模块下的`Animation`组件或者更高级的`Transition`组件来实现。这里是一个简单的例子，展示如何在QML中创建一个渐变动画：

import QtQuick 2.0
import QtQuick.Controls 2.0

Rectangle {
    id: container
    width: 400
    height: 200
    color: "blue"

    // 创建一个淡入动画
    Animation {
        target: container
        property real opacity: 1.0 // 初始透明度
        duration: 500 // 动画持续时间毫秒
        easing.type: Easing.Linear // 线性插值

        onFinished: {
            console.log("动画完成")
        }

        run {
            opacity: 0.0 // 目标透明度
        }
    }
}

在这个例子中，我们首先导入了必要的模块，然后定义了一个矩形。动画部分设置了目标元素为`container`，并将其初始透明度设为1.0（完全可见）。然后通过`run`方法开始动画，将透明度从1.0变为0.0，实现淡出效果。