Qt学习笔记#第八章：绘图原理双缓冲机制

        Qt中的绘图双缓冲机制可以用于解决界面闪烁和绘图不连续的问题，特别是在频繁更新或复杂的绘图操作中。它通过使用一个隐藏的缓冲区进行绘图，然后将绘制结果一次性显示到屏幕上，从而提供更平滑和连续的绘图效果。下面我们了解窗口API函数

Qt窗口API函数

//设置窗口的位置，将主窗口的左上角移动到坐标(x, y)处，其中(x, y)是相对于父窗口或屏幕的坐标。
QWidget::move(x, y)
widget->move(100, 100); // 将窗口移动到相对于父窗口或屏幕的 (100, 100) 坐标处

//设置窗口的大小，将窗口的宽度设置为 `width`，高度设置为 `height`。
QWidget::resize(width, height)
widget->resize(800, 600); // 将窗口大小设置为宽度为 800，高度为 600

//获取窗口的几何信息，包括位置和大小，返回一个 `QRect` 对象。
QWidget::geometry()

QRect rect = widget->geometry(); // 获取窗口的位置和大小信息
int x = rect.x(); // 获取窗口的左上角 x 坐标
int y = rect.y(); // 获取窗口的左上角 y 坐标
int width = rect.width(); // 获取窗口的宽度
int height = rect.height(); // 获取窗口的高度

//同时设置窗口的位置和大小。
QWidget::setGeometry(x, y, width, height)

widget->setGeometry(100, 100, 800, 600); // 设置窗口位置为(100, 100)并将窗口大小设置为宽度为800，高度为600

QWidget::show()//显示窗口。调用该函数后，窗口将在屏幕上可见。
widget->show(); // 显示窗口

size();//获取窗口的大小
size().width()；
size().height()；

QWidget::hide()//隐藏窗口。调用该函数后，窗口将不再可见。
widget->hide(); // 隐藏窗口

双缓冲机制

        是指在绘制控件时，首先绘制的内容绘制在一个图片中，再将图片一次性的绘制到控件上。

下面根据代码实现：

首先创建c++一个类继承QWidget类

DrawWidget.h文件

#ifndef DRAWWIDGET_H
#define DRAWWIDGET_H

#include <QWidget>
#include <QtGui>        
#include <QMouseEvent> // 鼠标事件
#include <QPaintEvent> // 绘制事件
#include <QResizeEvent> // 实时获取窗口操作等大小
#include <QColor>   //颜色
#include <QPixmap> // 显示图像
#include <QPainter> //绘制
#include <QPalette> //背景调色板
#include <QPen>// QPen 钢笔（画笔）是基本的图形对象，绘制直线、曲线、多边形等形状

class DrawWidget : public QWidget
{
    Q_OBJECT
public:
    explicit DrawWidget(QWidget *parent = nullptr);

    void mousePressEvent(QMouseEvent *); //鼠标点击事件
    void mouseMoveEvent(QMouseEvent *);    //鼠标移动事件
    void paintEvent(QPaintEvent *);        //重绘事件
    void resizeEvent(QResizeEvent *);        //窗口大小改变事件

signals:

public slots:
    void setStyle(int); // 设置线风格
    void setWidth(int); // 设置线宽度
    void setColor(QColor); // 设置线颜色
    void clearFunc(); // 清除函数

private:
    QPixmap *pix; // 在屏幕上显示图像而设计和优化
    QPoint startpos;
    QPoint endPos;
    int style,widthss;
    QColor color;
};

#endif // DRAWWIDGET_H

DrawWidget.cpp文件实现这类

#include "drawwidget.h"
DrawWidget::DrawWidget(QWidget *parent) : QWidget(parent)
{
    //设置背景板颜色
    setAutoFillBackground(true);
    setPalette(QPalette(Qt::white));
    //创建这个对象
    pix=new QPixmap(size());
    pix->fill(Qt::white);//填充白色

    // 设置绘制区窗口最小尺寸
    setMinimumSize(600,400);
}

void DrawWidget::setStyle(int s) // 设置线风格
{
    style=s;
}

void DrawWidget::setWidth(int w) // 设置线宽度
{
    widthss=w;
}

void DrawWidget::setColor(QColor c) // 设置线颜色
{
    color=c;
}

void DrawWidget::clearFunc() // 清除函数  此函数相当于重新绘制位图 位图中无任何信息 所以清空
{
    //创建新的对象将 新的对象给pix对象 pix位图
    QPixmap *cPix=new QPixmap(size());
    cPix->fill(Qt::white);
    pix=cPix;
    update(); //更新
}

void DrawWidget::mousePressEvent(QMouseEvent *e)
{
    startpos=e->pos(); //将当前点击的坐标设置为开始点
}

void DrawWidget::mouseMoveEvent(QMouseEvent *e)
{
    QPainter *painter=new QPainter;
    //设置画笔的属性值
    QPen pen;
    pen.setStyle((Qt::PenStyle)style);
    pen.setWidth(widthss);
    pen.setColor(color);
    
    //开始绘制必须重新指定画笔
    painter->begin(pix);
    painter->setPen(pen);
    painter->drawLine(startpos,e->pos());
    painter->end();
    //结束绘画 将鼠标每次移动的点更新为起始点
    startpos=e->pos();
    update();

}
//重绘事件
void DrawWidget::paintEvent(QPaintEvent *)
{
    QPainter painter(this);
    //将pix的位图绘制到painter中去
    painter.drawPixmap(QPoint(0,0),*pix);

}

void DrawWidget::resizeEvent(QResizeEvent *event)
{
    //如果窗口的宽高大于原宽高 则更新pix
    if(height()>pix->height() || width()>pix->width())
    {
        QPixmap *newPix=new QPixmap(size());
        newPix->fill(Qt::white);

        QPainter ps(newPix);

        ps.drawPixmap(QPoint(0,0),*pix); //将pix的位图绘制到ps中
        pix=newPix; //将新的位图对象更新为上下文位图对象
    }
    //调用父类的 resizeEvent 函数，以确保其他的处理得以执行
    QWidget::resizeEvent(event); 
}

在mainwindows.h中

#ifndef MAINWINDOW_H
#define MAINWINDOW_H

#include <QMainWindow>
#include <QLabel>
#include <QComboBox>
#include <QToolButton>
#include <QSpinBox>
#include "drawwidget.h"
#include <QGridLayout>
#include <QColorDialog>
#include <QToolBar>

class MainWindow : public QMainWindow
{
    Q_OBJECT
public:
    MainWindow(QWidget *parent = nullptr);
    ~MainWindow();
    void CreateToolBarFunc(); // 创建工具条

private:
    DrawWidget *drawWidget;
    QGridLayout *glayout;

    QLabel *labelstyle;
    QComboBox *comboboxlabelstyle;

    QLabel *labelwidth;
    QSpinBox *spinboxlabelwidth;

    QToolButton *colorbutton;
    QToolButton *clearbutton;

private slots:
    void dispstyle();
    void dispcolor();
};
#endif // MAINWINDOW_H

mainwindows.cpp

#include "mainwindow.h"

MainWindow::MainWindow(QWidget *parent)
    : QMainWindow(parent)
{
    setWindowTitle("图形绘制（双缓冲机制）");
    drawWidget=new DrawWidget; //自己定义的类
    setCentralWidget(drawWidget); // 将刚才创建对象作为主窗口的中心窗口

    CreateToolBarFunc(); // 调用此函数实现创建工具栏

    setMinimumSize(600,400);

    dispstyle();

    drawWidget->setWidth(spinboxlabelwidth->value()); // 初始化线宽度
    drawWidget->setColor(Qt::black); // 初始化线颜色

}

MainWindow::~MainWindow(){}

void MainWindow::CreateToolBarFunc() // 创建工具条
{
    QToolBar *toolBar=addToolBar("Tool");
    labelstyle=new QLabel("线型风格：");
    comboboxlabelstyle=new QComboBox;
    comboboxlabelstyle->addItem("SolidLine",static_cast<int>(Qt::SolidLine)); // 实线
    comboboxlabelstyle->addItem("DashLine",static_cast<int>(Qt::DashLine)); //
    comboboxlabelstyle->addItem("DashDotDotLine",static_cast<int>(Qt::DashDotDotLine));
    comboboxlabelstyle->addItem("DotLine",static_cast<int>(Qt::DotLine)); // 虚线

    // 为什么不出现虚线？activeated改为activated
    connect(comboboxlabelstyle,SIGNAL(activated(int)),this,SLOT(dispstyle()));

    labelwidth=new QLabel("线型宽度：");
    spinboxlabelwidth=new QSpinBox;
    connect(spinboxlabelwidth,SIGNAL(valueChanged(int)),drawWidget,SLOT(setWidth(int)));

    colorbutton=new QToolButton;
    QPixmap pixmap(20,20);
    pixmap.fill(Qt::black);
    colorbutton->setIcon(QIcon(pixmap));
    connect(colorbutton,SIGNAL(clicked()),this,SLOT(dispcolor()));

    clearbutton=new QToolButton;
    clearbutton->setText("清除绘制");
    connect(clearbutton,SIGNAL(clicked()),drawWidget,SLOT(clearFunc()));

    toolBar->addWidget(labelstyle);
    toolBar->addWidget(comboboxlabelstyle);
    toolBar->addWidget(labelwidth);
    toolBar->addWidget(spinboxlabelwidth);
    toolBar->addWidget(colorbutton);
    toolBar->addWidget(clearbutton);
}

void MainWindow::dispstyle()
{
    drawWidget->setStyle(comboboxlabelstyle->itemData(comboboxlabelstyle->currentIndex(),
                                                      Qt::UserRole).toInt());
}

void MainWindow::dispcolor()
{
    QColor color=QColorDialog::getColor(static_cast<int>(Qt::black),this);
    if(color.isValid())
    {
        drawWidget->setColor(color);
        QPixmap ps(20,20);
        ps.fill(color);
    }
}

mainwindows.cpp中是一些关于界面的显示，主要在DrawWidget类（继承QWidget）中来实现重新绘制和一些鼠标移动、鼠标按下、窗口事件、重绘事件等。