动画延迟消失

在下面的例子中，application.qml创建了SelfDestroyingRect.qml组件的5个实例，每一个实例运行一个NumberAnimation，当动画结束时在其根对象上调用destroy()来进行自我销毁。

myjs.qml

import QtQuick 2.2

Item {
id: container
width: 500; height: 100

Component.onCompleted: {
var component = Qt.createComponent("SelfDestroyingRect.qml");
for (var i=0; i<5; i++) {
var object = component.createObject(container);    //container为父对象
object.x = (object.width + 10) * i;
}
}
}

SelfDestroyingRect.qml

import QtQuick 2.2

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

NumberAnimation on opacity {
to: 0; duration: 1000
onRunningChanged: {
if (!running) {
console.log("Destroying...")
rect.destroy();
}
}
}
}

知识点：

动态删除对象（书P79）、从JavaScript动态创建QML对象（书P77）