一、螞蟻線

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

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

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

二、效果展示

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

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

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

1、繪制區(qū)域

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

2、定時器

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

3、繪制策略

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

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

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

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自己又自己的界面刷新策略，平時使用比較多的也不外乎update(建議刷新)、repaint(強(qiáng)制刷新)兩個接口，但是這個兩個接口調(diào)用時也不是說界面肯定會刷新，其實(shí)這兩個接口都是使用QWidgetBackingStoreTracker類的senUpdateRequest接口類來拋出的刷新界面事件，Qt窗口有一個dirtyWidget的概念，當(dāng)判定這個窗口為需要刷新的窗口時才會調(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;
 }
 }
}

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

四、下載鏈接

Qt螞蟻線-表格

總結(jié)

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

最新評論