QML基于组件的思想,提供了大量的组件类型,开发者可以通过组合这些组件来构建强大的用户界面。下面我们来详细介绍一下QML中常用的组件类型。
- Item
Item是QML中最基础的组件类型,所有的组件都是从Item派生而来的。它允许开发者在其中添加子项,并控制子项的位置、大小等属性。下面是一个简单的示例代码:
import QtQuick 2.0
Item {
width: 200
height: 200
Rectangle {
width: 50
height: 50
color: "red"
}
}
上述代码中,我们创建了一个Item并设置它的大小为200x200。然后我们在其中添加了一个Rectangle子项,并设置了它的大小和背景颜色。
- Rectangle
Rectangle用于绘制矩形区域,可以设置矩形的大小、颜色、边框等属性。下面是一个示例代码:
import QtQuick 2.0
Rectangle {
width: 200
height: 200
color: "red"
border.width: 2
border.color: "black"
}
上述代码中,我们创建了一个200x200的红色