【QT小记】使用QPainter绘制各种基本图形

最新推荐文章于 2024-09-15 11:52:44 发布
最新推荐文章于 2024-09-15 11:52:44 发布
阅读量1.6k 收藏 6
点赞数 1
分类专栏： QT · 随记 文章标签： QT QPainter
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lin786063594/article/details/124333140
版权

QPainter Qt 图形绘制 路飞 GUI编程
关键词由CSDN通过智能技术生成

心中有坐标 万物皆可Paint

  • 封装LQCanvas类绘制各种基本图形
// lqcanvas.h
#ifndef LQCANVAS_H
#define LQCANVAS_H

#include <QWidget>
#include <QMetaType>


class LQCanvas : public QWidget
{
    Q_OBJECT
public:
    explicit LQCanvas(QWidget *parent = nullptr);

public:
    void setBackgroundColor(const QColor &color);
    void setPenColor(const QColor&color);
    void setPenWidth(int width);
    void setType(const QString &type);

private:
    void paintLuffy(QPainter &painter);

protected:
    void paintEvent(QPaintEvent *event) override;

private:
    QColor m_backgroundColor;
    QColor m_penColor;
    int m_penWidth;
    QString m_type;
};

#endif // LQCANVAS_H

// lqcanvas.cpp
#include "lqcanvas.h"

#include <QPainter>

LQCanvas::LQCanvas(QWidget *parent) : QWidget(parent)
{
    m_backgroundColor = QColor(0, 0, 0);
    m_penColor = QColor(255, 255, 255);
    m_penWidth = 2;
    m_type = "点";
}

void LQCanvas::setBackgroundColor(const QColor &color)
{
    m_backgroundColor = color;
}

void LQCanvas::setPenColor(const QColor &color)
{
    m_penColor = color;
}

void LQCanvas::setPenWidth(int width)
{
    m_penWidth = width;
}

void LQCanvas::setType(const QString &type)
{
    m_type = type;
    update();
}

void LQCanvas::paintLuffy(QPainter &painter)
{
    QPen pen;
    pen.setColor(QColor(0, 0, 0));
    pen.setWidth(0);
    painter.setPen(pen);

    int headRadius = 252 >> 1;
    int headRectX = 200;
    int headRectY = 100;
    int headCenterX = headRectX + headRadius;
    int headCenterY = headRectY + headRadius;
    QRect headRect(headRectX, headRectY, headRadius * 2, headRadius * 2);

    // 十字骨头
    int boneRectWidth = 360;
    int boneRectHeight = 300;
    int boneRectX = headCenterX - boneRectWidth / 2;
    int boneRectY = headCenterY + 50 - boneRectHeight / 2;
    QRect boneRect(boneRectX, boneRectY, boneRectWidth, boneRectHeight);
    QPoint point1(boneRectX, boneRectY);
    QPoint point2(boneRectX + boneRectWidth, boneRectY);
    QPoint point3(boneRectX + 30, boneRectY + boneRectHeight - 20);
    QPoint point4(boneRectX + boneRectWidth - 30, boneRectY + boneRectHeight - 20);
    pen.setWidth(36);
    pen.setColor(QColor(255, 255, 255));
    painter.setPen(pen);
    painter.drawLine(point1, point4);
    painter.drawLine(point2, point3);
//    painter.drawRect(boneRect);

    pen.setWidth(0);
    pen.setColor(QColor(0, 0, 0));
    painter.setPen(pen);

#if 1
    // 嘴巴
    int mouseRadius = headRadius + 50;
    int mouseRectX = headCenterX - mouseRadius;
    int mouseRectY = headCenterY - mouseRadius;
    QRect mouseRect(mouseRectX, mouseRectY, mouseRadius * 2, mouseRadius * 2);
    painter.setBrush(QBrush(QColor(255, 255, 255)));

    // 下巴
    int pawRectWidth = 150;
    int pawRectHeight = 120;
    int pawRectX = headCenterX - pawRectWidth / 2;
    int pawRectY = headCenterY + mouseRadius - 80;
    QRect pawRect(pawRectX, pawRectY, pawRectWidth, pawRectHeight);
    painter.drawChord(pawRect, 0, -180 * 16);

    painter.drawPie(mouseRect, -65 * 16, -50 * 16);


    // 骷髅头下半部分
    painter.setBrush(QBrush(QColor(255, 255, 255)));
    painter.drawChord(headRect, 0, -180 * 16);

    // 眼睛
    painter.setBrush(QBrush(QColor(0, 0, 0)));
    int eyeToCenterX = 70;
    int eyeToCenterY = 20;
    int eyeRadius = 30;
    QRect leftEyeRect(headCenterX - eyeToCenterX, headCenterY + eyeToCenterY, eyeRadius * 2, eyeRadius * 2);
    QRect rightEyeRect(headCenterX + eyeToCenterX - eyeRadius * 2, headCenterY + eyeToCenterY, eyeRadius * 2, eyeRadius * 2);
    painter.drawChord(leftEyeRect, 0, 360 * 16);
    painter.drawChord(rightEyeRect, 0, 360 * 16);

    // 鼻子
    int noseWidth = 26;
    int noseHeight = 18;
    int noseX = headCenterX - noseWidth / 2;
    int noseY = headCenterY + 90;
    QRect noseRect(noseX, noseY, noseWidth, noseHeight);
    painter.drawChord(noseRect, 0, 360 * 16);

    // 草帽
    painter.setBrush(QBrush(QColor(255, 0, 0)));
    painter.drawChord(headRect, 0, 180 * 16);
    painter.setBrush(QBrush(QColor(255, 255, 0)));
    painter.drawChord(headRect, 15 * 16, 150 * 16);


    // 帽檐
    int capRectWidth = headRadius * 2 + 80;
    int capRectHeight = 18;
    int capRectX = headCenterX - capRectWidth / 2;
    int capRectY = headCenterY - capRectHeight / 2;
    QRect capRect(capRectX, capRectY, capRectWidth, capRectHeight);
    painter.setBrush(QBrush(QColor(255, 255, 0)));
    painter.drawRoundedRect(capRect, capRectHeight / 2, capRectHeight / 2);
#endif
}

void LQCanvas::paintEvent(QPaintEvent *event)
{
    Q_UNUSED(event);

    // 获取中心点
    int width = this->width();
    int height = this->height();
    int centerX = width >> 1;
    int centerY = height >> 1;


    QPainter painter(this);

    // 设置反走样
    painter.setRenderHint(QPainter::Antialiasing);

    // 绘制背景
    painter.setBrush(QBrush(m_backgroundColor));
    painter.drawRect(rect());

    // 设置画笔

    QPen pen;
    pen.setColor(m_penColor);
    pen.setWidth(m_penWidth);
    painter.setPen(pen);

    // 取消填充色
    painter.setBrush(QBrush());

    if ("点" == m_type) {
        painter.drawPoint(centerX, centerY);
    } else if ("线" == m_type) {
        painter.drawLine(centerX, centerY - 20, centerX, centerY + 20);
        painter.drawLine(centerX - 20, centerY, centerX + 20, centerY);
    } else if ("三角形" == m_type) {
        // 没有绘制三角形的接口，需调用绘制多边形的接口
        QPoint point[3];
        point[0] = QPoint(centerX, centerY - 20);
        point[1] = QPoint(centerX - 20, centerY + 20);
        point[2] = QPoint(centerX + 20, centerY + 20);
        painter.drawPolygon(point, 3);
    } else if ("正方形" == m_type) {
        QRect rect(centerX - 20, centerY - 20, 40, 40);
        painter.drawRect(rect);
    } else if ("长方形" == m_type) {
        QRect rect(centerX - 40, centerY - 20, 80, 40);
        painter.drawRect(rect);
    } else if ("圆形" == m_type) {
        // 在正方形中绘制会则为圆形
        QRect rect(centerX - 20, centerY - 20, 40, 40);
        painter.drawEllipse(rect);
    } else if ("椭圆形" == m_type) {
        // 在长方形中绘制则为椭圆形
        QRect rect(centerX - 40, centerY - 20, 80, 40);
        painter.drawEllipse(rect);
    } else if ("多边形" == m_type) {
        QPoint point[10];
        point[0] = QPoint(centerX - 60, centerY);
        point[1] = QPoint(centerX - 20, centerY);
        point[2] = QPoint(centerX, centerY - 40);
        point[3] = QPoint(centerX + 20, centerY);
        point[4] = QPoint(centerX + 60, centerY);
        point[5] = QPoint(centerX + 20, centerY + 20);
        point[6] = QPoint(centerX + 50, centerY + 50);
        point[7] = QPoint(centerX, centerY + 20);
        point[8] = QPoint(centerX - 50, centerY + 50);
        point[9] = QPoint(centerX - 20, centerY + 20);
        painter.drawPolygon(point, 10);
    } else if ("扇形" == m_type) {
        // 通过矩形来绘制的
        // 3点钟的方向为 0 度，顺时针方向为负值，逆时针方向为正值, 360度 = 5760份，1度为16份
        QRect rect(centerX - 20, centerY - 20, 40, 40);
        int startAngle = 0;  //起始角度
        int spanAngle = 90 * 16;  //终点角度 - 起始角度，正值：逆时针方向
        painter.drawPie(rect, startAngle, spanAngle);
    } else if ("弧形" == m_type) {
        // 通过矩形来绘制的
        // 3点钟的方向为 0 度，顺时针方向为负值，逆时针方向为正值, 360度 = 5760份，1度为16份
        QRect rect(centerX - 20, centerY - 20, 40, 40);
        int startAngle = 0;  //起始角度
        int spanAngle = 90 * 16;  //终点角度 - 起始角度，正值：逆时针方向
        painter.drawArc(rect, startAngle, spanAngle);
    } else if ("弦" == m_type) {
        // 通过矩形来绘制的
        // 3点钟的方向为 0 度，顺时针方向为负值，逆时针方向为正值, 360度 = 5760份，1度为16份
        QRect rect(centerX - 20, centerY - 20, 40, 40);
        int startAngle = 0;  //起始角度
        int spanAngle = 90 * 16;  //终点角度 - 起始角度，正值：逆时针方向
        painter.drawChord(rect, startAngle, spanAngle);
    } else if ("圆角矩形" == m_type) {
        QRect rect(centerX - 20, centerY - 20, 40, 40);
        painter.drawRoundedRect(rect, 5, 5);
    } else if ("路径" == m_type) {
        QPainterPath path;
        path.moveTo(centerX, centerY);
        path.lineTo(centerX, centerY - 40);
        path.cubicTo(centerX + 60, centerY - 60, centerX + 20, centerY - 20, centerX + 80, centerY +80);
        painter.drawPath(path);
    } else if ("文本" == m_type) {
        // 设置字体
        QFont font;
        font.setPixelSize(24);
        painter.drawText(centerX, centerY, "Sevenlin");
    } else if ("图片" == m_type) {
        QPixmap pix = QPixmap("./luffy0505.jpg");
        painter.drawPixmap(rect(), pix);
    } else if ("路飞" == m_type) {
        paintLuffy(painter);
    }
}
  • LQCanvas的使用
// .h
#ifndef WIDGET_H
#define WIDGET_H

#include <QWidget>

QT_BEGIN_NAMESPACE
namespace Ui { class Widget; }
QT_END_NAMESPACE

class Widget : public QWidget
{
    Q_OBJECT

public:
    Widget(QWidget *parent = nullptr);
    ~Widget();

private slots:
    void on_comboBoxShapeType_currentIndexChanged(int index);

private:
    Ui::Widget *ui;
};
#endif // WIDGET_H

// .cpp
#include "widget.h"
#include "ui_widget.h"
#include "lqcanvas.h"

Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);

    setWindowTitle("Sevenlin_QPainter练习小记");

    QStringList type{"路飞", "点", "线", "三角形", "正方形", "长方形", "圆形", 
                     "椭圆形", "多边形", "扇形", "弧形", "弦", "圆角矩形", "路径", 
                     "文本", "图片"};
    ui->comboBoxShapeType->addItems(type);
}

Widget::~Widget()
{
    delete ui;
}

void Widget::on_comboBoxShapeType_currentIndexChanged(int index)
{
    Q_UNUSED(index)
    QString type = ui->comboBoxShapeType->currentText();
    ui->widgetCavans->setType(type);
}
  • 简单绘制草帽海贼旗一枚
    在这里插入图片描述
林柒Sevenlin
关注
专栏目录
qt之QPainter绘制不规则图形
我不是萧海哇的博客
11-23 823
【代码】qt之QPainter绘制不规则图形。
利用QPainter绘制各种图形
08-24
QPainter可以绘制几何形状（点、线、矩形、椭圆、弧形、弦形、饼状图、多边形和贝塞尔曲线）
C++ Qt开发绘制一个三角形
hw5230的博客
04-20 1516
的自定义小部件，并在其中实现了一个绘制事件处理程序。函数中，我们创建并显示了我们的自定义部件。对象绘制三条线来形成三角形。在这个例子中，我们定义了一个名为。QWidget ,事件处理程序。
【Qt绘图】—— 运用Qt进行绘图
最新发布
m0_56069910的博客
09-15 1700
运用Qt进行绘图
qt 简单实验 画一个等边三角形
xie__jin__cheng的博客
06-21 550
qt 简单实验 画一个等边三角形
QT——画一个三角形
Li丶Chong的博客
10-22 3386
.h #pragma once #include <QtWidgets/QWidget> #include <QPainter> #include <QMouseEvent> #include <QVector> #include <QMap> #include <QPoint> #include "ui_QtWidgetsApplication1.h" class QtWidgetsApplication1 : public QW
QT 利用QPainter绘制常规图形
xxh7758的博客
05-24 1988
但有一点需要注意的是，如果我们使用QPainter中的drawLine()函数去绘制线段的话，我们是无法进行实时的绘制的，而在这里我们使用drawPolygon()函数去进行绘制线段，我们把线段定义成一个QPolygon类对象，这样就可以实现在拖动的过程中实时绘制了。将切换绘制图形的功能绑定在鼠标右键的菜单上，并使用connect来连接我们自己的槽函数实现选中效果的展示和对应功能。觉得这个颜色、宽度、样式都不符合我们的预期，我们就可以使用画笔工具去进行自定义，设置完成会在页面上实时进行更新。
qt画圆角等腰三角形
weixin_44945450的博客
07-26 559
通过三角形的三个角的内切圆画圆角三角形
Qt使用QPainter绘制3D立方体
08-24
在Qt编程中，QPainter是用于图形绘制的一个重要类，它可以用来在窗口、图像或打印机上绘制各种2D图形。然而，尽管QPainter主要用于2D绘图，但通过一些技巧和数学运算，我们也可以利用它来模拟3D效果。本教程将详细...
PyQt5利用QPainter绘制各种图形的实例
09-21
它基于Qt库，提供了丰富的组件和功能，包括利用QPainter类进行图形绘制。QPainter是Qt中的核心绘图类，可以用于在窗口、图像、打印机等多种设备上绘制复杂的图形。 在PyQt5中，QPainter提供了一系列的方法来绘制...
qpainter 画笔 （画线）
08-28
qt qml QPainter画笔实例（画线） 有简单的 笔触
Qt QPainter绘制柱状图表
11-13
以上就是使用Qt QPainter绘制简单柱状图表的基本步骤。实际应用中，你可能还需要添加更多功能，比如设置图表标题、轴标签、值标签、颜色渐变等。这可以通过扩展`BarChartWidget`类，增加更多的成员变量和方法来实现...
Qt中QPainter的三角形平移问题
weixin_62529583的博客
02-05 426
Qt中QPainter的三角形平移问题，适用于简单的地图或者Qt绘图的应用
QPainter绘图
xiaobai_cpp的博客
09-04 1621
QPainter 提供了高度优化的功能来完成大多数绘图 GUI 程序所需的工作。它可以绘制从简单的线条到复杂的形状（如馅饼和弦）的所有内容。它还可以绘制对齐的文本和像素图。通常，它在“自然”坐标系中绘制，但它也可以进行视图和世界变换。QPainter 可以对任何继承QPaintDevice类的对象进行操作。
QPainter画箭头
枫影竹韵的博客
12-24 5610
画箭头需要注意： 计算箭头两个线的位置和长度与直线或弧线间的位置关系。 1.画直线箭头 关键代码 const int length = 10;//箭头斜着的投影到线上的长度 QVector<QLineF> lines; lines.append(QLineF(20,height()/2,width()/2,height()/2)); li...
Qt画箭头
TemetNosce的博客
09-12 4244
画箭头
Roson的Qt之旅#65 QPainter绘制各种形状示例大全
Allen Roson
11-24 2428
QPainter绘制常见图形，QPainter画圆，QPainter画三角形，QPainter画扇形，QPainter画弧线，QPainter画多边形，Qt绘图
QT QPainter绘制图形-动态正弦曲线（水波效果）
热门推荐
jmlinux的博客
08-21 1万+
使用qt的QPainter可以绘制出任何你想要的图形，同时也须要一定的功底；下面介绍动态正弦曲线（水波效果）的画法。 为了更好理解，分4部分去理解如何绘制。先介绍画一个画三角形，再介绍画二个画三角形，然后画静态正弦曲线（水波），最后，画动态正弦曲线（水波效果）。主要用到QPainter与QPainterPath类。 一、下面介绍一个画三角形 文件包含如图零所示             ...
使用QPainter绘制图形：详解与示例
在Qt框架中，`QPainter`是一个核心类，用于在各种绘图设备上进行图形绘制，如窗口、图片或打印机。它提供了丰富的功能，可以绘制复杂的图形、线条、文本以及图像。在使用`QPainter`时，我们通常在重写`QWidget`的`...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值