Qt实现对界面列表数据的局部刷新

在Qt中，可以使用QAbstractListModel类来创建自定义的ListModel，实现对界面列表数据的局部刷新。下面是一个示例代码，演示如何创建一个自定义的ListModel并实现局部刷新功能：

#include <QGuiApplication>
#include <QQmlApplicationEngine>
#include <QAbstractListModel>
#include <QTimer>

class CustomListModel : public QAbstractListModel
{
    Q_OBJECT
public:
    explicit CustomListModel(QObject *parent = nullptr)
        : QAbstractListModel(parent)
    {
        m_data.append("Item 1");
        m_data.append("Item 2");
        m_data.append("Item 3");

        QTimer *timer = new QTimer(this);
        connect(timer, &QTimer::timeout, this, &CustomListModel::updateData);
        timer->start(5000); // 每隔5秒更新数据
    }

    int rowCount(const QModelIndex &parent = QModelIndex()) const override
    {
        Q_UNUSED(parent);
        return m_data.count();
    }

    QVariant data(const QModelIndex &index, int role) const override
    {
        if (!index.isValid() || index.row() >= m_data.count())
            return QVariant();

        if (role == Qt::DisplayRole)
            return m_data.at(index.row());

        return QVariant();
    }

    void updateData()
    {
        // 在这里更新部分数据
        m_data[1] = "Updated Item 2";

        // 发送数据变化信号，通知界面更新指定的数据项
        emit dataChanged(index(1), index(1));
    }

private:
    QStringList m_data;
};

int main(int argc, char *argv[])
{
    QGuiApplication app(argc, argv);
    //注册模型
    qmlRegisterType<CustomListModel>("CustomListModel", 1, 0, "CustomListModel");

    QQmlApplicationEngine engine;
    engine.load(QUrl(QStringLiteral("qrc:/main.qml")));

    return app.exec();
}

在这个示例中，`CustomListModel` 是一个自定义的ListModel，其中实现了更新数据的槽函数 `updateData()`。 

 然后，在QML中使用这个自定义ListModel，并且在界面显示列表数据：

import QtQuick 2.12
import QtQuick.Controls 2.5
import CustomListModel 1.0

ApplicationWindow
{
    visible: true
    width: 400
    height: 400

    ListView
    {
        anchors.fill: parent
        model: CustomListModel {}
        delegate: Item
        {
            width: ListView.view.width
            height: 50
            Rectangle
            {
                width: parent.width
                height: 50
                color: index % 2 ? "lightblue" : "lightgreen"
                Text
                {
                    anchors.centerIn: parent
                    text: model.display
                }
            }
        }
    }
}

在上面的QML代码中，创建了一个ListView，并将CustomListModel作为model。通过model中的updateData函数实现列表内容的部分刷新 

运行结果：