qml属性

属性绑定:属性绑定是QML的一个核心特性,它允许开发人员指定不同对象属性之间的关系。当属性的依赖项的值更改时,该属性将根据指定的关系自动更新

Item一个基本的可视QML类型

Item类型是Qt Quick中所有可视项的基本类型。

Qt Quick中的所有可视项都继承自Item。虽然Item对象没有可视外观,但它定义了可视项之间通用的所有属性,例如x和y位置、宽度和高度、锚定和键处理支持。

Qt Quick Layouts模块提供了用于在用户界面中排列QML项目的QML类型。这些QML类型与Qt QuickQt Quick Controls结合使用。

anchors:除了更传统的网格列之外,Qt Quick还提供了一种使用锚点概念来布局项目的方法。每个项目可以被认为有一组7个不可见的“锚线”:水平中心顶部垂直中心基线底部

image.png

SequentialAnimation中定义的动画将一个接一个地运行,而ParallelAnimation中定义的动画将同时运行。

PropertyAnimation提供了一种对属性值进行动画更改的方法,NumberAnimation也是其中一种

import QtQuick

Rectangle {
    id: rect
    width: 100; height: 100
    color: "red"
//顺序运行
SequentialAnimation {
        running: true
NumberAnimation { target: rect; property: "x"; to: 50; duration: 1000 }
NumberAnimation { target: rect; property: "y"; to: 50; duration: 1000 }
    }
 //同时运行
[**ParallelAnimation**](<https://doc.qt.io/qt-6/qml-qtquick-parallelanimation.html>) {
        running: true
NumberAnimation { target: rect; property: "x"; to: 50; duration: 1000 }
NumberAnimation { target: rect; property: "y"; to: 50; duration: 1000 }
    }
}