Qt之二维绘图

学习Qt,那么二维绘图必不可少!而且在开发界面的时候很多样式(点、线、矩形、弧形、饼状图、多边形、贝塞尔弧线等)都会用到,所以建议认真学习二维绘图!

    Qt的二维图形引擎是基于QPainter类的,QPainter既可以绘制几何图形,也可以绘制像素映射、图像和文字。此外,QPainter也支持一些高级特性,例如反走样(针对文字和图形边缘)、像素混合、渐变填充和矢量路径等,QPainter也支持线性变换,例如平移、旋转、错切和缩放。

    QPainter可以画在“绘图设备”上,例如:QWidget、QPixmap、QIamge或者QSvgGenerator。QPainter也可以与QPrinter一起使用来打印文件盒创建PDF文档。这意味着通常可以用相同的代码在屏幕上显示数据,也可以生成打印形式的报告。

    如果要在绘图设备(一般为窗口部件)上绘图,只需创建一个QPainter,再将指针传到该设备中。

 

例如:

void MyWidget::paintEvent(QPaintEvent *event)

{

    QPainter painter(this);

}

    使用QPainter的draw...()函数,可以绘制各种各样的形状。图8.1列出了其中最重要一些函数。绘制效果取决于QPainter的设置,一些是从设备中取得的,然而有些被初始化成默认值。三个主要设置是画笔、画刷、字体:

    画笔:用来画线和边缘。它包含颜色、宽度、线性、拐点风格以及连线风格。

    画刷:用来填充几何图形的图案。它一般由颜色和风格组成,但同时也可以是纹理(一个不断重复的图像)或者是一个渐变。

    字体:用来绘制文字。字体有很多属性,包括字体族和磅值大小。

    可以随时调用QPen、QBrush或者QFont对象的setPen()、setBrush()和setFont()来修改这些设置。

    draw...,见明知义。绘制点drawPoint()、绘制直线drawLine()、绘制折线drawPolyLine()、绘制多点drawPoints()、绘制多直线drawLines()、绘制矩形区域drawRect()、绘制圆角区域drawRoundRect()、绘制椭圆drawEllipse()、绘制背景图片drawPixmap()等!

 

举例:

 

绘制直线:

1、在当前窗口绘制

void myWidget::paintEvent(QPaintEvent *event)

{

    QPainter painter(this);

    painter.setPen(Qt::gray); //设置画笔为灰色

    painter.drawLine(0, 0, 100, 100); //(0, 0)为初始坐标,(100, 100)为最终坐标

}

2、在当前窗体上的子组件绘制

    paintEvent()可以实现图形的绘制,前提是绘制当前窗体!如果界面上有其它组件,如何来绘制呢?

   (1)对子组件自定制,可以重新实现一个类,实现paintEvent()

   (2)添加监听器line_label->installEventFilter(this),实现eventFilter()。

    关于(1)就不再多讲,同1,(2)代码如下:

line_label->installEventFilter(this);

bool myWidget::eventFilter(QObject *obj, QEvent *event)
{
 if(obj == line_label)
 {
  if(event->type() == QEvent::Paint)
  {
   int label_height = line_label->height();
   int label_width = line_label->width();
   QPainter painter(line_label);
   painter.setPen(QPen(Qt::gray, 1, Qt::DashLine));
   painter.drawLine(label_width/2, 0, label_width/2, label_height); 

  }
 }

 return QWidget::eventFilter(obj, event);
}

    这样就可以实现在myWidget窗体上的QLabel的绘制!

    优劣性:如果窗口子部件较多,若每个部件的绘制相同,则可采用(1),若不相同,那么根据(1)就会实现较多的类,而(2)只需要添加多个监听器即可,建议采用方式(2)!

 

绘制背景图片:

void myWidget::paintEvent(QPaintEvent *event)
{
 QPainter painter(this);
 painter.drawPixmap(rect(), QPixmap(skin_name));

}

 

绘制矩形:

void myWidget::paintEvent(QPaintEvent *event)
{

 QPainter painter(this);
 QLinearGradient linear(rect().topLeft(), rect().bottomLeft());
 linear.setColorAt(0, Qt::red);
 linear.setColorAt(0.5, Qt::green);
 linear.setColorAt(1, Qt::blue); //设置红、绿、蓝变化
 painter.setPen(Qt::gray); //设定画笔颜色,到时侯就是边框颜色
 painter.setBrush(linear); //设置画笔,到时候就是区域颜色
 painter.drawRect(QRect(0, 30, this->width(), this->height()-30)); //设置绘制区域
}

 

绘制折线:

void myWidget::paintEvent(QPaintEvent *event)
{

 QPainter painter(this);
 painter.setPen(Qt::gray);
 static const QPointF points[4] = {QPointF(0, 30), QPointF(0, this->height()-1), QPointF(this->width()-1, this->height()-1), QPointF(this->width()-1, 30)};
 painter.drawPolyline(points, 4); //由4个点连成的折线
}

 

绘制圆角:

setWindowFlags(Qt::FramelessWindowHint); //去掉标题栏

setAttribute(Qt::WA_TranslucentBackground); //不被绘制上的部分设置透明

void myWidget::paintEvent(QPaintEvent *event)
{

 QPainter painter(this);
 QBrush brush;
 brush.setTextureImage(QImage(background_image));
 painter.setBrush(brush); //设置画刷,绘制背景图片
 painter.setPen(Qt::black); //设置画笔,绘制边框色       
 painter.drawRoundedRect(QRect(0, 0, this->width()-1, this->height()-1), 5, 5); //绘制圆角,像素为5

}

    就我所知,setAttribute(Qt::WA_TranslucentBackground)有一定的弊病,当窗体最小化(showMinimized())后,再次显示时,窗体上的组件就会失去焦点!

    好了,二维绘图基本就介绍到这里,代码实现可以不尽相同,只要掌握原理,实现起来就会游刃有余!


注:
    技术在于交流、沟通,转载请注明出处并保持作品的完整性。

猜你喜欢

转载自blog.csdn.net/xiaoazhang0/article/details/73161131