Qt Quick之ListView下拉刷新數據

時間 2019-11-12

標籤 quick listview 下拉刷新數據简体版

原文原文鏈接

Qt Quick裏的ListView，自己是Flickable的派生類，當你用鼠標拖曳或者手指觸摸（觸摸屏）時，會產生flickStarted和flickEnded兩個信號，利用這兩個信號，就能夠實現下拉刷新數據，固然上拉刷新也是能夠的。javascript

建立一個Qt Quick App項目，添加dynamicModel.h和dynamicModel.cpp兩個文件，用於實現DynamicListModel。項目建立過程參考《Qt Quick 之 Hello World 圖文詳解》。java

咱們實現的下拉刷新效果有點兒特別，每次刷新後，只保留預約義的一頁數據，好比代碼中默認的頁大小爲20。編程

版權全部foruok，轉載請註明出處：http://blog.csdn.net/foruok。app

C++ model實現

很簡單，直接上代碼了。函數

dynamic.h：佈局

[cpp] view plain copyui

#ifndef DYNAMICMODEL_H this
#define DYNAMICMODEL_H spa
#include <QAbstractListModel> .net
class DynamicListModelPrivate;
class DynamicListModel : public QAbstractListModel
{
Q_OBJECT
Q_PROPERTY(int pageSize READ pageSize WRITE setPageSize NOTIFY pageSizeChanged)
Q_PROPERTY(int total READ total WRITE setTotal NOTIFY totalChanged)
public:
DynamicListModel(QObject *parent = 0);
~DynamicListModel();
int rowCount(const QModelIndex &parent) const;
QVariant data(const QModelIndex &index, int role) const;
QHash<int, QByteArray> roleNames() const;
Q_INVOKABLE void loadMore(bool forward);
int pageSize();
void setPageSize(int size);
int total();
void setTotal(int total);
signals:
void pageSizeChanged(int size);
void totalChanged(int total);
private:
DynamicListModelPrivate *m_dptr;
};
#endif // DYNAMICMODEL_H

dynamicModel.cpp：

[cpp] view plain copy

#include "dynamicModel.h"
#include <QDebug>
class DynamicListModelPrivate
{
public:
DynamicListModelPrivate(DynamicListModel *model)
: m_model(model), m_start(0), m_end(20)
, m_total(100), m_pageSize(20)
{
m_roleNames.insert(Qt::UserRole, "content");
}
void pageDown()
{
if(m_end < m_total)
{
m_start += m_pageSize;
m_end += m_pageSize;
if(m_end > m_total)
{
m_end = m_total;
m_start = m_end - m_pageSize;
}
}
}
void pageUp()
{
if(m_start > 0)
{
m_start -= m_pageSize;
if(m_start < 0) m_start = 0;
m_end = m_start + m_pageSize;
}
}
void adjustPageRange()
{
if(m_end - m_start < m_pageSize)
{
m_end = m_start + m_pageSize;
if(m_end > m_total)
{
m_end = m_total;
m_start = m_end - m_pageSize;
}
}
}
DynamicListModel *m_model;
int m_start;
int m_end;
int m_total;
int m_pageSize;
QHash<int, QByteArray> m_roleNames;
};
DynamicListModel::DynamicListModel(QObject *parent)
: QAbstractListModel(parent),
m_dptr(new DynamicListModelPrivate(this))
{
}
DynamicListModel::~DynamicListModel()
{
delete m_dptr;
}
int DynamicListModel::rowCount(const QModelIndex &parent) const
{
return m_dptr->m_end - m_dptr->m_start;
}
QVariant DynamicListModel::data(const QModelIndex &index, int role) const
{
int row = index.row();
//qDebug() << "index.row - " << row << " start - " << m_dptr->m_start;
return QString::number(row + m_dptr->m_start);
}
QHash<int, QByteArray> DynamicListModel::roleNames() const
{
return m_dptr->m_roleNames;
}
void DynamicListModel::loadMore(bool forward)
{
beginResetModel();
if(forward)m_dptr->pageDown();
else m_dptr->pageUp();
endResetModel();
}
int DynamicListModel::pageSize()
{
return m_dptr->m_pageSize;
}
void DynamicListModel::setPageSize(int size)
{
m_dptr->m_pageSize = size;
m_dptr->adjustPageRange();
emit pageSizeChanged(size);
}
int DynamicListModel::total()
{
return m_dptr->m_total;
}
void DynamicListModel::setTotal(int total)
{
m_dptr->m_total = total;
m_dptr->adjustPageRange();
emit totalChanged(total);
}

DynamicListModel僅僅是演示用法，使用m_start、m_end、m_total、m_pageSize四個整型變量來模擬實際的數據。而data()方法，將ListView內的行序號加上m_start轉換爲字符串返回，就是咱們在ListView界面上看到了文字了。

loadMore()函數，區分向前仍是向後加載數據，它調用DynamicListModel的pageDown()、pageUp()來更新內部的數據狀態。在loadMore()一開始，調用beginResetModel()，通知關聯到DynamicListModel上的view們刷新本身，當內部數據狀態更新結束後，調用endResetModel()來通知view們，這樣view們就會刷新，最終在實例化item delegate時調用data()方法來準備數據，此時m_start已變化，因此界面上看到的數字也跟着變了。