QT QML animation使用
时间: 2023-08-09 14:06:23 浏览: 98
Qt实例_QML动画特效
在 QT QML 中,可以使用动画(Animation)来实现元素的平移、旋转、缩放等效果。下面是一个简单的示例,演示如何使用动画来实现一个元素的平移效果。
```qml
import QtQuick 2.0
Rectangle {
width: 200; height: 200
color: "blue"
Rectangle {
id: rect
width: 50; height: 50
color: "red"
x: 0; y: 75
MouseArea {
anchors.fill: parent
onClicked: {
var animation = Qt.createQmlObject('import QtQuick 2.0; Animation { target: rect; property: "x"; to: 150; duration: 1000 }', parent);
animation.start();
}
}
}
}
```
在上面的示例中,我们首先创建了一个蓝色的矩形,然后在其中嵌套了一个红色的矩形。当用户点击红色矩形时,我们创建了一个动画对象,并将其应用于红色矩形的 x 属性。动画的目标值(to)是 150,动画的持续时间为 1 秒钟。最后,我们调用了动画的 start() 方法来启动动画。
此时,当用户点击红色矩形时,红色矩形将会从左侧平移至右侧,整个过程将会持续 1 秒钟。你可以根据自己的需求,调整动画的属性,来实现不同的动画效果。
阅读全文