qml 简单数字动画
示例
您可能会遇到的非常基本的动画之一是NumberAnimation。该动画通过将项目属性的数值从初始状态更改为最终状态来工作。考虑以下完整示例：
import QtQuick 2.7
importQtQuick.Controls2.0
ApplicationWindow {
visible: true
width: 400
height: 640
Rectangle{
id: rect
anchors.centerIn: parent
height: 100
width: 100
color: "blue"
MouseArea{
anchors.fill: parent
onClicked:na.running= true
}
NumberAnimation {
id: na //QML动画类型的ID
target: rect //动画应在其上运行的目标项目
property: "height" //动画师应该更改以显示效果的目标项目的属性
duration: 200 //动画应运行的持续时间
from:rect.height //在“属性”中声明的属性的初始数值
to: 200 //在“属性”中声明的属性的最终数值
}
}
}
热门推荐
7 简短的二胎祝福语
10 简短霸气女儿生日 祝福语
11 祝福语高考小众诗句简短
12 元旦祝福语20秒简短
13 老师过年祝福语大全 简短
14 一生祝福语简短
15 产检祝福语简短霸气
16 朋友店开张祝福语简短
17 生日爱情祝福语大全简短
18 朋友女儿生日祝福语 简短