Qt5.9实现简单复合图形

175 阅读 0 评论 116 点赞

我是靠谱客的博主爱笑大米，这篇文章主要介绍Qt5.9实现简单复合图形，现在分享给大家，希望可以做个参考。

本文实例为大家分享了Qt5.9实现简单复合图形的具体代码，供大家参考，具体内容如下

画图处理的简单复合图形，话不多说，先上图吧：

对应的头文件;

复制代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
#ifndef WIDGET_H
#define WIDGET_H
 
#include <QWidget>
 
namespace Ui {
class Widget;
}
 
class Widget : public QWidget
{
 Q_OBJECT
protected:
 void paintEvent(QPaintEvent *event);
public:
 explicit Widget(QWidget *parent = nullptr);
 ~Widget();
 
private:
 Ui::Widget *ui;
};
 
#endif // WIDGET_H

对应的cpp 文件为：

复制代码

#include "widget.h"
#include "ui_widget.h"
#include <QPainter>
void Widget::paintEvent(QPaintEvent *event)
{
 Q_UNUSED(event)
 QPainter painter(this);
 
 int W = width();
 int H = height();
 
 int side = qMin(W,H); //去长和宽的小值
 QRect rect((W -side)/2,(H-side)/2,side,side); //viewport矩形区
 painter.drawRect(rect); //Viewport大小
 // painter.setViewport((W-side)/2, (H-side)/2,side,side);//设置Viewport，物理坐标范围
 painter.setViewport(rect); //设置Viewport
 painter.setWindow(-100,-100,200,200); // 设置窗口大小，逻辑坐标
 
 painter.setRenderHint(QPainter::Antialiasing); //设置反走样
 
 //设置画笔
 QPen pen;
 pen.setWidth(1); //线宽
 pen.setColor(Qt::red); //画线颜色
  //Qt::NoPen,Qt::SolidLine, Qt::DashLine, Qt::DotLine,Qt::DashDotLine,Qt::DashDotDotLine,Qt::CustomDashLine
 pen.setStyle(Qt::SolidLine); //线的类型
 //Qt::FlatCap, Qt::SquareCap,Qt::RoundCap
 pen.setCapStyle(Qt::FlatCap);//线端点样式
 //Qt::MiterJoin,Qt::BevelJoin,Qt::RoundJoin,Qt::SvgMiterJoin
 pen.setJoinStyle(Qt::BevelJoin);//线的连接点样式
 painter.setPen(pen);
 //线性渐变
 
 QLinearGradient linearGrad(0,0,100,0);//从左到右，
 linearGrad.setColorAt(0,Qt::yellow); //起点颜色
 linearGrad.setColorAt(1,Qt::green); //终点颜色
 linearGrad.setSpread(QGradient::PadSpread);//展布模式
 painter.setBrush(linearGrad);
 //设置复合
 painter.setCompositionMode(QPainter::CompositionMode_Difference);
 
 for (int i = 0;i < 36;i++) {
  painter.drawEllipse(QPoint(50,0),50,50);
  painter.rotate(10);
 }
 
}
 
Widget::Widget(QWidget *parent) :
 QWidget(parent),
 ui(new Ui::Widget)
{
 ui->setupUi(this);
 setPalette(QPalette(Qt::white));
 setAutoFillBackground(true);
 this->resize(300,300);
}
 
Widget::~Widget()
{
 delete ui;
}

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
#include "widget.h"
#include "ui_widget.h"
#include <QPainter>
void Widget::paintEvent(QPaintEvent *event)
{
 Q_UNUSED(event)
 QPainter painter(this);
 
 int W = width();
 int H = height();
 
 int side = qMin(W,H); //去长和宽的小值
 QRect rect((W -side)/2,(H-side)/2,side,side); //viewport矩形区
 painter.drawRect(rect); //Viewport大小
 // painter.setViewport((W-side)/2, (H-side)/2,side,side);//设置Viewport，物理坐标范围
 painter.setViewport(rect); //设置Viewport
 painter.setWindow(-100,-100,200,200); // 设置窗口大小，逻辑坐标
 
 painter.setRenderHint(QPainter::Antialiasing); //设置反走样
 
 //设置画笔
 QPen pen;
 pen.setWidth(1); //线宽
 pen.setColor(Qt::red); //画线颜色
  //Qt::NoPen,Qt::SolidLine, Qt::DashLine, Qt::DotLine,Qt::DashDotLine,Qt::DashDotDotLine,Qt::CustomDashLine
 pen.setStyle(Qt::SolidLine); //线的类型
 //Qt::FlatCap, Qt::SquareCap,Qt::RoundCap
 pen.setCapStyle(Qt::FlatCap);//线端点样式
 //Qt::MiterJoin,Qt::BevelJoin,Qt::RoundJoin,Qt::SvgMiterJoin
 pen.setJoinStyle(Qt::BevelJoin);//线的连接点样式
 painter.setPen(pen);
 //线性渐变
 
 QLinearGradient linearGrad(0,0,100,0);//从左到右，
 linearGrad.setColorAt(0,Qt::yellow); //起点颜色
 linearGrad.setColorAt(1,Qt::green); //终点颜色
 linearGrad.setSpread(QGradient::PadSpread);//展布模式
 painter.setBrush(linearGrad);
 //设置复合
 painter.setCompositionMode(QPainter::CompositionMode_Difference);
 
 for (int i = 0;i < 36;i++) {
  painter.drawEllipse(QPoint(50,0),50,50);
  painter.rotate(10);
 }
 
}
 
Widget::Widget(QWidget *parent) :
 QWidget(parent),
 ui(new Ui::Widget)
{
 ui->setupUi(this);
 setPalette(QPalette(Qt::white));
 setAutoFillBackground(true);
 this->resize(300,300);
}
 
Widget::~Widget()
{
 delete ui;
}