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 //在“属性”中声明的属性的最终数值
}
}
}
热门推荐
3 祝福语简短的微信
10 幼儿祝福语大全简短贺卡
11 感谢教官文案祝福语简短
12 鼠年同事祝福语简短创意
13 元旦祝福语 简短独特群发
14 妈咪跟我生日祝福语简短
15 给儿子新婚祝福语简短
16 伴娘祝福语长文案简短
17 恭喜高考完祝福语简短
18 生日祝福语送老公简短