qml delegate

在 QML 中，Delegate 是用来定义每个列表项的外观和行为的组件。它是 ListView、GridView 和 Repeater 等组件中一个重要的子组件，用于控制列表项的可视化和交互。使用 Delegate 可以轻松地自定义列表项的样式和行为。

Delegate 组件的属性通常包括模型数据、索引、宽度、高度等。通过这些属性的设置，可以访问模型中的数据以及控制列表项的尺寸和位置。同时，Delegate 还可以包含其他 QML 组件，用于创建更复杂的列表项。

下面是一个简单的 Delegate 示例：

ListView {
    width: 200
    height: 200
    model: ["Item 1", "Item 2", "Item 3"]
    delegate: Rectangle {
        width: 100
        height: 50
        color: index % 2 === 0 ? "lightblue" : "lightgreen"
        Text {
            text: modelData
            anchors.centerIn: parent
        }
    }
}

在这个示例中，我们创建了一个 ListView，并设置了它的宽度、高度和模型数据。Delegate 使用 Rectangle 组件来定义每个列表项的外观，并设置了它的宽度、高度和颜色。同时，在这个示例中，我们还在 Delegate 中包含了一个 Text 组件，用于显示每个列表项的文本内容。

通过这种方式，我们可以很容易地创建出一个简单的带有自定义样式的列表。