QT中QTableWidget加載大量數據不卡頓的解決

更新時間：2023年07月17日 09:27:52 作者：Sweet?hort

本文主要介紹了QT中QTableWidget加載大量數據不卡頓的解決，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧

原因

設置了自適應寬度

// item 水平表頭自適應大小
	tab->horizontalHeader()->setSectionResizeMode(QHeaderView::Stretch);
	// item 垂直表頭自適應大小
	ui->tableWidget->verticalHeader()->setSectionResizeMode(QHeaderView::Stretch);
 	//試著設置為：  QHeaderView::Fixed 看看是否還會卡頓

加載的數據太大

解決方案

QTableView 配合 Model (推薦)
我們知道 QTableWidget 每次顯示的數據有限(屏幕只有這么大)，我們利用這一點來實現動態(tài)加載item，解決卡頓的問題
使用事件過濾器，或者 重寫鼠標事件,

//需要重寫的虛函數
	virtual void wheelEvent(QWheelEvent* event)
	//事件過濾器
	virtual bool eventFilter(QObject* obj, QEvent* event)

舉例說明

1.我們首先先加載一定量的數據，這樣就不會卡了。

2.為了防止越界，每次循環(huán)我們都應該判斷一下

3.用一個 curtableindex 來記錄當前數據的位置，方便之后加載剩余的數據

void SongMenu::loadData()
{
	int len = taglsit.length();
	for (int i = 0; i != 20; ++i) {
		if (i >= len)return;
		ui->tab_SongTable->insertRow(i);
		//添加窗口小部件
		ui->tab_SongTable->setCellWidget(i, 0, base->setItemWidget(1));
		QTableWidgetItem* item1 = new QTableWidgetItem(taglsit.at(i).Title);
		QTableWidgetItem* item2 = new QTableWidgetItem(taglsit.at(i).Artist);
		QTableWidgetItem* item3 = new QTableWidgetItem(taglsit.at(i).Ablue);
		QTableWidgetItem* item4 = new QTableWidgetItem(taglsit.at(i).Duration);
		ui->tab_SongTable->setItem(i, 1, item1);
		ui->tab_SongTable->setItem(i, 2, item2);
		ui->tab_SongTable->setItem(i, 3, item3);
		ui->tab_SongTable->setItem(i, 4, item4);
	}
	curtableindex = 20;
	//下面例子是加載大量數據會卡頓，原因:一次性把所有的數據都添加了且設置了自適應寬度
	/*foreach(const Temptag & rhs, taglsit) {
		ui->tab_SongTable->insertRow(index);
		ui->tab_SongTable->setCellWidget(index, 0, base->setItemWidget(1));
		QTableWidgetItem* item1 = new QTableWidgetItem(rhs.Artist);
		QTableWidgetItem* item2 = new QTableWidgetItem(rhs.Title);
		QTableWidgetItem* item3 = new QTableWidgetItem(rhs.Ablue);
		QTableWidgetItem* item4 = new QTableWidgetItem(rhs.Duration);
		ui->tab_SongTable->setItem(index, 1, item1);
		ui->tab_SongTable->setItem(index, 2, item2);
		ui->tab_SongTable->setItem(index, 3, item3);
		ui->tab_SongTable->setItem(index, 4, item4);
	}*/
}

插入以后的效果圖

這里并沒有加載全部的數據。

重新鼠標事件

函數原型:

virtual void wheelEvent(QWheelEvent* event)

wheelEvent() 實現方法

void Base::wheelEvent(QWheelEvent* event)
{
	//滑動一次 y() == 120
	//y() > 0 鼠標滾輪向前滑動， y() < 0 鼠標滾輪向自己滑動
	if (event->angleDelta().y() < 0) {
		emit loadNextPage();
	}
}

事件過濾器

函數原型：

virtual bool eventFilter(QObject* obj, QEvent* event)

eventFilter() 實現方法

bool Base::eventFilter(QObject* obj, QEvent* event)
{
	if (obj == tab) {
		if (event->type() == QEvent::Wheel) {
			QWheelEvent* wheel = static_cast<QWheelEvent*>(event);
			//y() < 0 鼠標滾輪向自己滑動 
			if (wheel->angleDelta().y() < 0) {
				//發(fā)射信號，然后處理數據
				emit loadNextPage(); 
			}
		}
	}
	return QTableWidget::eventFilter(obj,event);
}
//然后在 構造函數中安裝事件過濾器
ui->tab_SongTable->installEventFilter(this);

實現滑動加載

前面已經實現了事件過濾器，和重寫鼠標事件，接下來就是加載數據了，方法很簡單，只要連接信號，然后加載數據就行了

//加載剩余的數據
	connect(base, &Base::loadNextPage, this, [&]() {
	//每次滾動到底部都加載5條數據，和前面一樣，檢查邊界，以防越界
		for (int i = 0; i != 5; i++) {
			if (curtableindex >= taglsit.length()) {
				return;
			}
			else
			{
				//拿到ui->tab_SongTable尾部的索引，之后往尾部添加數據
				int currow = ui->tab_SongTable->rowCount();
				ui->tab_SongTable->insertRow(currow);
				ui->tab_SongTable->setCellWidget(currow, 0, base->setItemWidget(1));
				QTableWidgetItem* item1 = new QTableWidgetItem(taglsit.at(currow).Title);
				QTableWidgetItem* item2 = new QTableWidgetItem(taglsit.at(currow).Artist);
				QTableWidgetItem* item3 = new QTableWidgetItem(taglsit.at(currow).Ablue);
				QTableWidgetItem* item4 = new QTableWidgetItem(taglsit.at(currow).Duration);
				ui->tab_SongTable->setItem(currow, 1, item1);
				ui->tab_SongTable->setItem(currow, 2, item2);
				ui->tab_SongTable->setItem(currow, 3, item3);
				ui->tab_SongTable->setItem(currow, 4, item4);
			}
			//累加索引，防止越界
			++curtableindex ;
		}
		});