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 //在“属性”中声明的属性的最终数值
}
}
}
热门推荐
10 拿到驾照的祝福语简短
11 小班小孩生日祝福语简短
12 海南考试祝福语结婚简短
13 友情祝福语简短小故事
14 姓陈简短生日祝福语
15 生日祝福语简短语股票
16 夏季小孩生日祝福语简短
17 回复姐姐生日祝福语简短
18 初三新年祝福语简短