qt listview

Qt 的 ListView 是一个用于显示数据列表的控件，它可以根据给定的数据模型自动创建对应的列表项，并支持自定义列表项的外观和交互行为。

以下是一个简单的示例，展示如何使用 ListView 显示一个字符串列表：

import QtQuick 2.12
import QtQuick.Controls 2.12

ApplicationWindow {
    visible: true
    width: 400
    height: 400

    // 定义一个字符串列表
    property var items: ["Apple", "Banana", "Cherry", "Durian", "Elderberry"]

    // 定义一个 ListView，指定其数据模型为 items
    ListView {
        anchors.fill: parent
        model: items

        // 定义每个列表项的外观和交互行为
        delegate: Rectangle {
            width: parent.width
            height: 40
            color: ListView.isCurrentItem ? "#ddd" : "#fff"

            Text {
                text: modelData
                anchors.centerIn: parent
            }

            MouseArea {
                anchors.fill: parent
                onClicked: {
                    console.log("Clicked:", modelData)
                }
            }
        }
    }
}

在上述示例中，我们首先定义了一个字符串列表 `items`，然后在 `ListView` 中使用这个列表作为数据模型。`ListView` 的 `delegate` 属性指定了每个列表项的外观和交互行为，我们在这里使用 `Rectangle` 来表示列表项，其中包含一个 `Text` 控件来显示列表项的文本，以及一个 `MouseArea` 用于处理列表项的点击事件。

在 `delegate` 中，我们可以使用 `modelData` 来获取当前列表项对应的数据，在这里我们将其作为参数输出到控制台中，以便于调试和测试。

当然，我们也可以使用自定义的 QML 组件来代替 `Rectangle`，从而实现更丰富的列表项外观和交互效果。