Qt qml listview 列表视图控件（下拉刷新、上拉分页、滚动轴）

Qt QML 提供了一个名为 ListView 的组件，可以用于显示列表视图，支持下拉刷新、上拉分页和滚动轴。

以下是一个简单的 ListView 示例：

import QtQuick 2.0
import QtQuick.Controls 2.0

ApplicationWindow {
    visible: true
    width: 400
    height: 600
    title: "ListView Example"

    ListView {
        id: listView
        anchors.fill: parent

        // 设置模型数据
        model: ListModel {
            ListElement { name: "Item 1" }
            ListElement { name: "Item 2" }
            ListElement { name: "Item 3" }
            ListElement { name: "Item 4" }
            ListElement { name: "Item 5" }
            ListElement { name: "Item 6" }
            ListElement { name: "Item 7" }
            ListElement { name: "Item 8" }
            ListElement { name: "Item 9" }
            ListElement { name: "Item 10" }
        }

        // 设置每个项的属性
        delegate: Rectangle {
            width: listView.width
            height: 50
            color: index % 2 == 0 ? "#f2f2f2" : "#ffffff"

            Text {
                text: name
                anchors.centerIn: parent
            }
        }

        // 下拉刷新
        onRefreshRequested: {
            console.log("下拉刷新")
        }

        // 上拉分页
        onEndReached: {
            console.log("上拉分页")
        }

        // 滚动轴
        ScrollBar.vertical: ScrollBar {}
    }
}

上面的示例中，ListView 的 model 属性设置了一个 ListModel，用于存储模型数据。delegate 属性则定义了每个项的属性，包括宽度、高度、颜色和文本。

在 ListView 中可以通过 onRefreshRequested 和 onEndReached 信号来实现下拉刷新和上拉分页功能。当用户下拉列表视图时，会触发 onRefreshRequested 信号；当滚动到列表视图底部时，会触发 onEndReached 信号。

最后，为了实现滚动轴，我们可以在 ListView 中添加 ScrollBar 组件，设置其 vertical 属性为 true 即可。