QML简单属性动画_qml 某一属性动画

今天分享个简单的QML属性动画，代码注释的很详细，对于qml初学者来说应该很好理解，话不多说，直接上图，让我们先来看看是什么效果。

代码

import QtQuick 2.12                         //加载开发Qml应用的标准库
import QtQuick.Controls 2.12                //加载开发Qml控件
 
ApplicationWindow {                         //窗口
    visible: true                           //设置是否可见
    width: 640                              //设置宽
    height: 480                             //设置高
    title: qsTr("属性动画")                  //设置标题
 
    Rectangle{                              //定义一个矩形
        id:rect                             //给一个id
        x:10;y:10                           //设置x,y坐标
        width: 100                          //设置宽
        height: 100                         //设置高
 
        state: "normal"