QT动画制作（八）
效果：以前我们都是单个物体运动，今天我们把多个物体组合起来一起运动
知识点1：物体群组运动
知识点2：透明度自动变化
知识点3：大小自动变化
还是先建个QML项目，在 / 下新建Rect.qml文件
import QtQuick 2.4
Item {
Rectangle{
width:400
height:400
radius: 200
border.width: 3
border.color: "#00B000"
anchors.centerIn: parent
XAnimator on x{
from:0
to:250
duration:7000
loops:Animator.Infinite
easing.type: Easing.Linear//线性运动
}
RotationAnimator on rotation{
from:0
to:360
duration: 7000
loops:Animator.Infinite
}
Column{
anchors.centerIn: parent
spacing:5
Repeater{
model:6
Rectangle{
width:60
height:60
color:"red"
ScaleAnimator on scale{//大小变化
from:0.1
to:1
duration:7000
loops:Animator.Infinite
}
OpacityAnimator on opacity {//深浅度变化
from:0.5
to:1
duration:7000
loops:Animator.Infinite
}
}
}
}
Row{
anchors.centerIn: parent
spacing:5
Repeater{
model:6
Rectangle{
width:60
height:60
color:"red"
ScaleAnimator on scale{//大小变化
from:0.1
to:1
duration:7000
loops:Animator.Infinite
}
OpacityAnimator on opacity {//深浅度变化
from:0.5
to:1
duration:7000
loops:Animator.Infinite
}
}
}
}
}
}
MainForm.ui.qml文件
import QtQuick 2.5
Rect{anchors.centerIn: parent}
main.qml文件
import QtQuick 2.5
import QtQuick.Window 2.2
Window {
visible: true
width: 640
height: 480
title: qsTr("Hello World")
MainForm {
anchors.fill: parent
}
}
页:
[1]