Qt 2D绘图函数QPainter类基本用法（绘制图片、直线、填充颜色的矩形）（自定义QWidget边框和任意形状）

Qt 2D绘图函数QPainter类基本用法（绘制图片、直线、填充颜色的矩形）（自定义QWidget边框和任意形状）

原创 三公子Tjq 发布于2019-10-18 18:32:56 阅读数 46 收藏

更新于2019-10-21 20:51:17

分类专栏： Qt工程应用 Qt基础知识

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接： https://blog.csdn.net/naibozhuan3744/article/details/102630262

展开

Qt中绘制2D图形最核心的一个类是QPainter。类QPainter是在设备类QPaintDevice上绘制几何图形（包括直线、曲线、圆形、弧形、矩形等等），其中设备类QPaintDevice的子类又有QWidget、QImage、QPictrue、QPixmap、QOpenGLPaintDevice等，也即是说，我们可以继承这些类，通过重写QPaintEvent事件进行重绘，或者用事件过滤器捕获QPaintEvent事件信息进行响应重绘也行。

一、原理讲解

本文主要总结用类QPainter绘制直线、矩形、图片。其中，绘制直线用画笔类QPen，绘制矩形不但用单画笔类QPen，还要用到画刷类QBrush，绘制图片需要用类QPixmap。

QPen：绘制几何图形边缘的线段颜色、线段宽度、线段各种类型（点画线、虚线、solid实体线段）等等；

QBrush：填充几何图形的调色板，由颜色和填充风格组成。

QPixmap：加载图片资源，一般是较小的图片。如果图片很大，可以用QImage，然后通过QPixmap::fromImage(QImage *)进行加载；

1.1绘制直线

绘制直线用到函数QPainter::drawLine(QPoint，QPoint)，步骤如下：

a1：先设置画笔QPen线段颜色、线段宽度、线段类型；

a2：确定绘制直线的起点和终点；

a3：初始化QPainter，设置画笔QPen，然后调用函数QPainter::drawLine()进行直线绘制；

核心代码如下：

 
 
 

  

   
   
   

    
    
    

   
   
   
   
   
   

    
    
    

     
     
     #include <QPen>
    
    
    
   
   
   
  

   
   
   

    
    
    

   
   
   
   
   
   

    
    
    

     
     
     #include <QPoint>
    
    
    
   
   
   
  

   
   
   

    
    
    

   
   
   
   
   
   

    
    
    

     
     
     #include <QPaintEvent>
    
    
    
   
   
   
  

   
   
   

    
    
    

   
   
   
   
   
   

    
    
    
 
    
    
    
   
   
   
  

   
   
   

    
    
    

   
   
   
   
   
   

    
    
    

     
     
     void QCustomWidget::paintEvent(QPaintEvent *event)
    
    
    
   
   
   
  

   
   
   

    
    
    

   
   
   
   
   
   

    
    
    

     
     
     {
    
    
    
   
   
   
  

   
   
   

    
    
    

   
   
   
   
   
   

    
    
    

     
     
         Q_UNUSED(event);
    
    
    
   
   
   
  

   
   
   

    
    
    

   
   
   
   
   
   

    
    
    
    
     
     
     //绘图前准备画笔、画刷
    
    
    
   
   
   
  

   
   
   

    
    
    

   
   
   
   
   
   

    
    
    

     
     
         QPen pen; 
     
     
     //画笔。绘制图形边线，由颜色、宽度、线风格等参数组成
    
    
    
   
   
   
  

   
   
   

    
    
    

   
   
   
   
   
   

    
    
    

     
     
         pen.setColor(QColor(
     
     
     255,
     
     
     0,
     
     
     0,
     
     
     255));    
    
    
    
   
   
   
  

   
   
   

    
    
    

   
   
   
   
   
   

    
    
    
    
     
     
     QPainter painter(this);   
     
     
     //可在QPaintDevice上绘制各种图形。QPaintDevice有之类QWidget、QImage、QOpenGLPaintDevice等
    
    
    
   
   
   
  

   
   
   

    
    
    

   
   
   
   
   
   

    
    
    

     
     
         painter.setPen(pen);    
    
    
    
   
   
   
  

   
   
   

    
    
    

   
   
   
   
   
   

    
    
    

     
     
         painter.drawLine(QPoint(
     
     
     0,
     
     
     0),QPoint(
     
     
     this->rect().width()
     
     
     -50,
     
     
     0));   
     
     
     //QPainter绘制直线
    
    
    
   
   
   
  

   
   
   

    
    
    

   
   
   
   
   
   

    
    
    

     
     
     }
    
    
    
   
   
   
 
 
 
 

1.2绘制矩形

绘制矩形用到核心函数为QPainter::drawRect()，步骤如下：

a1：先设置画笔QPen线段颜色、线段宽度、线段类型，也就是矩形的边框；

a2：接着确定画刷QBrush的填充颜色和填充类型；初始化是，要设置填充颜色和填充类型（QBrush::setStyle(Qt::SolidP