Qt學(xué)習(xí)教程之表格控件螞蟻線詳解

一、螞蟻線

摘自互動(dòng)百科：在圖像影像軟件中表示選區(qū)的動(dòng)態(tài)虛線，因?yàn)樘摼€閃爍的樣子像是一群螞蟻在跑，所以俗稱螞蟻線。在Poshop，After Effect等軟件中比較常見。

背景：用過excel的同學(xué)都知道，當(dāng)對(duì)單元格進(jìn)行復(fù)制時(shí)，單元格周圍就會(huì)出現(xiàn)一個(gè)跑動(dòng)的矩形框，這個(gè)矩形框就被稱為螞蟻線。通過設(shè)置螞蟻線的線型和調(diào)整控件有效刷新次數(shù)我們可以得到不同的跑動(dòng)效果，這是一個(gè)非常有意思的現(xiàn)象。

本文將給大家詳細(xì)介紹關(guān)于Qt表格控件螞蟻線的相關(guān)內(nèi)容，分享出來供大家參考學(xué)習(xí)，下面話不多說了，來一起看看詳細(xì)的介紹吧。

二、效果展示

　　如下圖就是螞蟻線的效果截圖，單擊單元格時(shí)，會(huì)繪制一個(gè)2個(gè)像素寬的外框；當(dāng)雙擊某個(gè)單元格時(shí)，就會(huì)產(chǎn)生螞蟻線，螞蟻線的線型和跑動(dòng)速度都可以定制。文末會(huì)放出演示代碼下載鏈接。

三、實(shí)現(xiàn)

說到Qt繪圖，肯定離不開paintEvent函數(shù)，而且大多數(shù)的功能都可以通過重寫paintEvent函數(shù)來完成。凡是總有例外，當(dāng)控件本身就比較復(fù)雜，或者只需要重寫控件某一部分時(shí)，就需要重寫一些其他東西來完成需求，比如表格螞蟻線繪制就屬于這個(gè)例外，當(dāng)我們重寫表格時(shí)就不能重寫paintEvent函數(shù)，如果重寫這個(gè)函數(shù)那么表格的所有東西就需要我們自己去繪制，一個(gè)好的辦法就是重寫QStyledItemDelegate代理類，通過這個(gè)類我們可以定制表格控件的每一個(gè)項(xiàng)。下面我們就來仔細(xì)的分析下基于重寫代理類的實(shí)現(xiàn)細(xì)節(jié)，理解下面4個(gè)實(shí)現(xiàn)維度后螞蟻線基本就完成了。

1、繪制區(qū)域

螞蟻線是針對(duì)表格項(xiàng)來進(jìn)行繪制的，因此首先想到的就是刷新表格某一項(xiàng)來進(jìn)行提高繪制效率，通過閱讀Qt源碼，找到QTableView::paintEvent函數(shù)中對(duì)表格項(xiàng)進(jìn)行了繪制，主要是通過調(diào)用QTableViewPrivate::drawCell函數(shù)來進(jìn)行每個(gè)單元格的繪制，該函數(shù)最后一行是通過QStyledItemDelegate類的paint方法來進(jìn)行繪制，與第三節(jié)第一段的說明對(duì)應(yīng)起來。因此如果想進(jìn)行局部刷新看來困難比較大，因此最終決定每次刷新螞蟻線時(shí)對(duì)整個(gè)表格進(jìn)行刷新。

2、定時(shí)器

定時(shí)刷新，顧名思義就是我們需要一個(gè)定時(shí)器，定時(shí)刷新表格控件。首先想到的是我們自己維護(hù)一個(gè)QTimer，通過QTimer::timeout信號(hào)來刷新表格；除此之外QObject類已經(jīng)幫我們提供了一個(gè)timerEvent回調(diào)函數(shù)，我們只需要通過startTime接口來啟動(dòng)一個(gè)定時(shí)器，timerEvent函數(shù)就會(huì)被定時(shí)調(diào)用，當(dāng)然了這個(gè)回調(diào)接口同時(shí)支持多個(gè)定時(shí)器，用timeID進(jìn)行區(qū)分每個(gè)定時(shí)器。

3、繪制策略

當(dāng)選擇一個(gè)單元格時(shí)(當(dāng)前單元格發(fā)現(xiàn)變化)，繪制矩形框；繪制矩形框比較簡單，這塊需要注意一個(gè)地方，就是當(dāng)繪制第一列的時(shí)候矩形框可能會(huì)跑出當(dāng)前項(xiàng)，導(dǎo)致矩形框顯示不全。螞蟻線繪制時(shí)也存在這個(gè)問題。

void GMPFileItemDelegate::DrawBorderRect( QPainter * painter, const QRect & rect, bool firstColumn ) const
{
 painter->save();
 QPen pen = painter->pen();
 pen.setWidth(2);
 pen.setColor(QColor(0, 132, 255));
 painter->setPen(pen);
 
 QRect tmpRect = rect;
 if (firstColumn)
 {
 tmpRect.adjust(2, 1, -1, -1);
 }
 else
 {
 tmpRect.adjust(1, 1, -1, -1);
 }
 painter->drawRect(tmpRect);
 painter->restore();
}

當(dāng)雙擊單元格時(shí)繪制螞蟻線，螞蟻線繪制是通過定時(shí)器進(jìn)行控制線框奔跑速度，這塊有一個(gè)需要注意的地方是只有當(dāng)定時(shí)器引起的繪制才會(huì)使起螞蟻線往前跑。

根據(jù)螞蟻線的偏移繪制開始的空白區(qū)域，螞蟻線是由7個(gè)像素的藍(lán)色和2個(gè)像素的空白循環(huán)組成，當(dāng)偏移10個(gè)像素時(shí)，重新回到偏移1個(gè)像素。

if (startPoint != truthPoint && offset > 2)
{
 QPolygon polygon;
 for (int i = 4; i <= offset; ++i)//繪制前邊偏移的像素
 {
 if (polygon.size() >= 7)
 {
  break;
 }
 polygon.append(truthPoint - QPoint(i , 0));
 }
 painter->drawPoints(polygon);
}

4、界面刷新

qt自己又自己的界面刷新策略，平時(shí)使用比較多的也不外乎update(建議刷新)、repaint(強(qiáng)制刷新)兩個(gè)接口，但是這個(gè)兩個(gè)接口調(diào)用時(shí)也不是說界面肯定會(huì)刷新，其實(shí)這兩個(gè)接口都是使用QWidgetBackingStoreTracker類的senUpdateRequest接口類來拋出的刷新界面事件，Qt窗口有一個(gè)dirtyWidget的概念，當(dāng)判定這個(gè)窗口為需要刷新的窗口時(shí)才會(huì)調(diào)用sendUpdateRequest接口進(jìn)行界面刷新，如下代碼，update和repaint區(qū)別在于調(diào)用了switch的不同分支。

void QWidgetBackingStore::sendUpdateRequest(QWidget *widget, UpdateTime updateTime)
{
 if (!widget)
 return;
 
 switch (updateTime) {
 case UpdateLater:
 updateRequestSent = true;
 QApplication::postEvent(widget, new QEvent(QEvent::UpdateRequest), Qt::LowEventPriority);
 break;
 case UpdateNow: {
 QEvent event(QEvent::UpdateRequest);
 QApplication::sendEvent(widget, &event);
 break;
 }
 }
}

對(duì)于表格控件當(dāng)我們單純調(diào)用repaint或者update函數(shù)時(shí)是不能起到刷新界面的作用，因此我們需要調(diào)用其他能直接導(dǎo)致界面刷新的接口，目前我這塊想到了直接調(diào)用窗口自身style的polish方法，如果大家有其他好的刷新方式可以留言。
通過以上4個(gè)小點(diǎn)的說明，螞蟻線的實(shí)現(xiàn)基本就完成了。需要完整源碼的去csdn下載吧

四、下載鏈接

Qt螞蟻線-表格

總結(jié)

以上就是這篇文章的全部內(nèi)容了，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，如果有疑問大家可以留言交流，謝謝大家對(duì)億速云的支持。