Qt5.9实现简单复合图形

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

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

对应的头文件;

#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;

}

在上面的程序中 ,对单个圆使用了线性渐变填充,单个圆从左到右 ,由黄色渐变为绿色。

使用 QPainter: :setCompositionMode() 函数设置组合模式,即后面绘制的图与前面绘制的图的叠加模式 。

这样就可以画出比较炫酷的图像了。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。

以上是 Qt5.9实现简单复合图形 的全部内容, 来源链接: utcz.com/p/245357.html

回到顶部