标签：lg end Qt 08 绘图 QPainter event painter
Qt绘图
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()
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();
}
标签：lg,end,Qt,08,绘图,QPainter,event,painter 来源： https://www.cnblogs.com/WZ-1120232314/p/16596560.html
本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享； 2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关； 3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关； 4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除； 5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。