Qt-绘图

最新推荐文章于 2024-06-16 21:30:25 发布

Qt开发老杰

最新推荐文章于 2024-06-16 21:30:25 发布

阅读量91

点赞数

文章标签： qt 开发语言 c++ 音视频

本文链接：https://blog.csdn.net/QtCompany/article/details/132629844

版权

1.QPainter

2D绘图离不开QPainter，可以把QPainter想象成一个画笔，开发人员拿着画笔理论上是可以绘制任何你想要的图形。QPainter 一般在一个部件（widget）重绘事件（PaintEvent ）的处理函数paintEvent () 中进行绘制，首先要创建QPainter 对象（画笔），然后进行图形的绘制

1.1常用函数

        drawArc() 弧 
        drawChord() 弦 
        drawConvexPolygon() 凸多边形 
        drawEllipse() 椭圆，注意椭圆是先整个框，然后逼近
        drawImage() 图像 
        drawLine() 线 
        drawLines() 多条线 
        drawPath()路径； 想到哪就去哪，但是必须是直的 
        drawPicture() 按QPainter指令绘制 区分drawImage、drawPixmap 
        drawPie() 扇形 
        drawPixmap() 图像 
        drawPoint() 点 
        drawPoints() 多个点
        drawPolygon()多边形 
        drawPolyline() 多折线 
        drawRect() 矩形 
        drawRects() 多个矩形
        drawRoundRect() 圆角矩形 
        drawText() 文字 
        drawTiledPixmap() 平铺图像
        drawLineSegments() 绘制折线

1.2画图和画刷

QPen和QBrush

1.3paintEvent什么时候调用

//1、窗口隐藏和显示
//2、出窗口大小改变
//3、调用update()
//4、调用repaint()

本文福利，莬费领取Qt开发学习资料包、技术视频，内容包括（C++语言基础，Qt编程入门，QT信号与槽机制，QT界面开发-图像绘制，QT网络，QT数据库编程，QT项目实战，QSS，OpenCV，Quick模块，面试题等等）↓↓↓↓↓↓见下面↓↓文章底部点击莬费领取↓↓

1.4QPainter中的scale

同比缩放，1表示不变，1.2表示1.2倍(放大)，0.5表示0.5倍(缩放)

scale(qreal sx, qreal sy)
sx = x  //方向scale的倍数
sy = y  //方向scale的倍数

1.5QPainter中的save和restore

在2D绘制中经常遇到画笔坐标轴移动画笔换色等等操作，在切换另一种操作前，需要先save一次，完成后再restore一次。

2.基本绘制操作

2.1绘制文字

QPainter painter;
QFont font;		//字体
QColor color;	//颜色
QPen pen;		//画笔

void Widget::paintEvent(QPaintEvent *event)
{
    Q_UNUSED(event);		//用来避免警告的，可加可不加
    painter.begin(this);
    color.setRgb(255,0,0);
    painter.setPen(color);
    font.setFamily("黑体");
    font.setPointSize(44);
    font.setItalic(true);	//斜体
    painter.setFont(font);	//设置字体
    painter.drawText(rect(),Qt::AlignCenter,"内容");
    painter.end();
}

2.2绘制直线

反锯齿（英语：anti-aliasing，简称AA），也译为抗锯齿或边缘柔化、消除混叠、抗图像折叠有损等。它是一种消除显示器输出的画面中图物边缘出现凹凸锯齿的技术，QPaint er 进行绘制时可以使用 QPainter::RenderHint 渲染提示来指定是否要使用抗锯齿功能enderHint 取值分为以下三种。(这功能是在显卡中完成的)

常量	描述
QPainter::Antialiasing	边缘抗锯齿
QPainter::TextAntialiasing	文字抗锯齿
QPainter::SmoothPixmapTransform	平滑Pixmap转换算法抗锯齿

void Widget::paintEvent(QPaintEvent *event)
{
    Q_UNUSED(event);
    painter.begin(this);
    painter.setRenderHint(QPainter::Antialiasing,true);	//设置反锯齿
    pen.setWidth(10);
    pen.setColor(QColor(255,255,0));
    painter.setPen(pen);								//设置笔的大小
    painter.drawLine(50,50,100,100);					//起点和终点
    painter.end();
}

2.3绘制矩形

void Widget::paintEvent(QPaintEvent *event)
{
    Q_UNUSED(event);
    painter.begin(this);
    painter.drawRect(50,50,100,100);
    painter.end();
}

2.4绘制弧

void Widget::paintEvent(QPaintEvent *event)
{
    Q_UNUSED(event);
    painter.begin(this);
    QRectF rectangle(10.0, 20.0, 80.0, 60.0);
    int startAngle = 30 * 16;
    int spanAngle = 120 * 16;
    //用的时候可以查帮助文档
    painter.drawArc(rectangle, startAngle, spanAngle);
    painter.end();
}

2.5绘制椭圆

void Widget::paintEvent(QPaintEvent *event)
{
    Q_UNUSED(event);
    painter.begin(this);
    QRectF rectangle(10.0, 20.0, 80.0, 60.0);//如果是一个正方形那就是一个圆
    painter.drawEllipse(rectangle);
    painter.end();
}

2.6绘制多边形

官方文件里面用QPainter painter(this);代替了begin和end

void Widget::paintEvent(QPaintEvent *event)
{
    Q_UNUSED(event);
    painter.begin(this);
    static const QPointF points[4] = {
        QPointF(10.0, 80.0),
        QPointF(20.0, 10.0),
        QPointF(80.0, 30.0),
        QPointF(90.0, 70.0)
    };
    painter.drawConvexPolygon(points, 4);
    painter.end();
}

2.7绘制路径

void Widget::paintEvent(QPaintEvent *event)
{
    Q_UNUSED(event);
    painter.begin(this);
    QPainterPath path;
    path.moveTo(20, 80);
    path.lineTo(20, 30);
    path.cubicTo(80, 0, 50, 50, 80, 80);
    painter.drawPath(path);
    painter.end();
}

2.8绘图

drawImage
void Widget::paintEvent(QPaintEvent *event) { Q_UNUSED(event); painter.begin(this); //painter.drawImage(0,0,QImage(":/1002256.jpg")); //整张图贴上来 QRect rect(0,0,this->width(),this->height()); //固定这个矩形这么大，会缩放 painter.drawImage(rect,QImage(":/1002256.jpg")); painter.end(); }
drawPicture
void Widget::paintEvent(QPaintEvent *event) { Q_UNUSED(event); painter.begin(this); QPicture picture; picture.load("my.pic");//加载的是pic格式的图片，如果是jpg/png那么是没有效果的 painter.drawPicture(0,0,picture); painter.end(); }
drawPixmap
void Widget::paintEvent(QPaintEvent *event) { Q_UNUSED(event); painter.begin(this); painter.drawPixmap(0,0,width(),height(),QPixmap(":/chudai.png")); painter.end(); }
得到pic格式图片
//在构造函数中 QPicture picture; QPainter painter; painter.begin(&picture);//指在picture上面画图 painter.drawEllipse(0,0,width(),height());//画的是一个窗口大小的圆 painter.end(); picture.save("my.pic");//结束之后再保存
截取一部分图片
#include <QImageReader> QImageReader reader; reader.setFileName("c:\\1.png"); reader.setScaledClipRect(QRect(0,0,100,100)); //获取的是矩形大小 QImage img=reader.read(); //加载到img中 QPixmap::fromImage(img); //会返回pixmap个数的图片 //QPixmap转img 调用toImage()成员返回的是QImage

2.9渐变和填充

void Widget::paintEvent(QPaintEvent *event)
{
    Q_UNUSED(event);
    painter.begin(this);
    QLinearGradient lg(10,10,200,200);				//定义一个大小，要填充多少就写多大
    lg.setColorAt(0.1,Qt::red);
    lg.setColorAt(0.2,Qt::green);
    lg.setColorAt(0.3,Qt::red);
    lg.setColorAt(0.4,Qt::green);
    lg.setColorAt(0.5,Qt::red);
    lg.setColorAt(0.6,Qt::green);
    lg.setColorAt(0.7,Qt::red);
    lg.setColorAt(0.8,Qt::green);
    lg.setColorAt(0.9,Qt::red);
    lg.setColorAt(1.0,Qt::green);
    painter.fillRect(10,10,200,200,QBrush(lg));		//相对应的画多大
    painter.end();
}
//可以把这个填充的部分理解成分成了10个部分，然后一个部分一个部分的填充

void Widget::paintEvent(QPaintEvent *event)
{
    Q_UNUSED(event);
    painter.begin(this);
    QConicalGradient lg(200,200,120);
    lg.setColorAt(0,Qt::red);
    lg.setColorAt(0.5,Qt::blue);
    lg.setColorAt(1,Qt::green);
    painter.setBrush(lg);
    painter.drawEllipse(0,0,400,400);
    painter.end();
}

文章转自博客园（Quirkygbl）：08. Qt绘图 - Quirkygbl - 博客园