Qt5雙緩衝機制與例項

進擊的汪sir發表於2021-07-19
QT

1. 雙緩衝機制

所謂雙緩衝機制，是指在繪製控制元件時，首先將要繪製的內容繪製在一個圖片中，再將圖片一次性地繪製到控制元件上。

在早期的Qt版本中，若直接在控制元件上進行繪製工作，則在控制元件重繪時會產生閃爍的現象，控制元件重繪頻繁時，閃爍尤為明顯。

雙緩衝機制可以有效地消除這種閃爍現象。自Qt 5版本之後，QWidget 控制元件已經能夠自動處理閃爍的問題。

因此，在控制元件上直接繪圖時，不用再操心顯示的閃爍問題，但雙緩衝機制在很多場合仍然有其用武之地。當所需繪製的內容較複雜並需要頻繁重新整理，或者每次只需要重新整理整個控制元件的一小部分時，仍應儘量採用雙緩衝機制。

2. 例項

2.1 介紹

實現一個簡單的繪圖工具，可以選擇線形，線寬，顏色等基本要素

效果圖

image-20210718215654198

2.2 部分關鍵程式碼講解

建構函式

DrawWidget::DrawWidget(QWidget *parent) :
    QWidget(parent)
{
    setAutoFillBackground(true);    //對窗體背景色的設定
    setPalette(QPalette(Qt::red));
    pix =new QPixmap(size());      	//此QPixmap物件用來準備隨時接收繪製的內容
    pix->fill(Qt::white);           //填充背景色為白色
    setMinimumSize(600,400);      	//設定繪製區窗體的最小尺寸
}

autoFillBackground

此屬性儲存小部件背景是否自動填充

如果啟用，該屬性將導致Qt在呼叫paint事件之前填充小部件的背景。使用的顏色是由小部件調色盤中的QPalette::Window顏色角色定義的。

此外，Windows總是填充QPalette::Window，除非設定了WA_OpaquePaintEvent或WA_NoSystemBackground屬性。

如果小部件的父元件有一個靜態背景漸變，則不能關閉這個屬性(即設定為false)。

void DrawWidget::mousePressEvent(QMouseEvent *e)
{
    startPos = e->pos();
}

重定義滑鼠按下事件 mousePressEvent()，在按下滑鼠按鍵時，記錄當前的滑鼠位置值startPos。

重定義滑鼠移動事件mouseMoveEvent()，滑鼠移動事件在預設情況下，在滑鼠按鍵被按下的同時拖曳滑鼠時被觸發。
QWidget的mouseTracking屬性指示窗體是否追蹤滑鼠，預設為 false（不追蹤)，即在至少有一個滑鼠按鍵被按下的前提下移動滑鼠才觸發mouseMoveEvent()事件,可以通過setMouseTracking(bool enable)方法對該屬性值進行設定。如果設定為追蹤，則無論滑鼠按鍵是否被按下，只要滑鼠移動，就會觸發mouseMoveEvent()事件。在此事件處理函式中，完成向QPixmap物件中繪圖的工作。具體程式碼如下:

void DrawWidget::mouseMoveEvent(QMouseEvent *e)
{
    QPainter *painter = new QPainter;

    QPen pen;
    pen.setStyle((Qt::PenStyle)style);
    pen.setWidth(weight);
    pen.setColor(color);

    painter->begin(pix);
    painter->setPen(pen);
    painter->drawLine(startPos,e->pos());
    painter->end();
    startPos =e->pos();
    update();
}

三個set就不說了，大家都明白，說下begin

bool QPainter::begin(QPaintDevice **device*)

開始繪製繪製裝置，如果成功返回true;否則返回false，這裡是在Pixmap中繪圖

接下來是設定筆，然後看看drawLine函式

void QPainter::drawLine(const QPoint &p1, const QPoint &p2)

這是一個過載函式。從p1到p2畫一條線。

然後設定當前的位置，e->pos()

看這個函式

void DrawWidget::paintEvent(QPaintEvent *)
{
    QPainter painter(this);
    painter.drawPixmap(QPoint(0,0),*pix);
}

這裡是實現雙緩衝區域的地方

在上一個函式裡，我們不是直接在面版上畫畫，而且在Pixmap裡面畫畫，在這裡，我們呼叫drawPixmap()函式，將用於接收圖形繪製的QPixmap物件繪製在繪製區窗體控制元件上，這樣就實現了雙緩衝機制

void DrawWidget::resizeEvent(QResizeEvent *event)
{
    if(height()>pix->height()||width()>pix->width())
    {
        QPixmap *newPix = new QPixmap(size());
        newPix->fill(Qt::white);
        QPainter p(newPix);
        p.drawPixmap(QPoint(0,0),*pix);
        pix = newPix;
    }
    QWidget::resizeEvent(event);
}

調整繪製區大小函式resizeEvent()，當窗體的大小發生改變時，效果看起來雖然像是繪製區大小改變了，但實際能夠進行繪製的區域仍然沒有改變。因為繪圖的大小並沒有改變，還是原來繪製區視窗的大小，所以在窗體尺寸變化時應及時調整用於繪製的QPixmap物件的大小。

最後一句QWidget::resizeEvent(event);是為了完成其餘的工作

接下來實現clear函式，

clear()函式完成繪製區的清除工作，只需呼叫一個新的、乾淨的QPixmap物件來代替pix,並呼叫update()函式重繪即可。

void DrawWidget::clear()
{
    QPixmap *clearPix =new QPixmap(size());
    clearPix->fill(Qt::white);
    pix = clearPix;
    update();
}

看看被我們忽視的fill()函式

void QPixmap::fill(const QColor &color = Qt::white)

用給定的顏色填充畫素圖。當pixmap被繪製時，這個函式的效果是未定義的。

上期已經說過的update()

更新小部件，除非禁用更新或隱藏小部件。

此函式不會導致立即重繪;相反，當Qt返回到主事件迴圈時，它會安排一個油漆事件進行處理。與呼叫repaint()相比，這允許Qt進行優化，以獲得更快的速度和更少的閃爍。

3. 總結

寫完之後，對雙緩衝的機制理解得更加透徹了，就是我們不會直接在皮膚上去畫圖，因為在控制元件重繪時會產生閃爍的現象，所以我們先將內容繪製在一個圖片中，然後再一次性的繪製到控制元件上

相關文章