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 生日广州男生祝福语简短