Qt 学习第 天:QPainter类

一、先创建一个widget窗口

二、包含头文件

#include <QPainter>

#include <QFont>

三、在widget.h中声明paintEvent函数

使用画家类在窗口中画图, 操作必须在paintEvent函数中完成

cpp 复制代码
#ifndef WIDGET_H
#define WIDGET_H

#include <QWidget>

namespace Ui {
class Widget;
}

class Widget : public QWidget
{
    Q_OBJECT

public:
    explicit Widget(QWidget *parent = 0);
    ~Widget();

protected:
    /*
     *  此函数不需要调用, 再刷新的时候会自动调用
     *  什么时候窗口刷新:
     *      1. 窗口显示的时候
     *      2. 最大化, 最小化
     *      3. 窗口被这遮挡, 重新显示的时候
     *      4. 用户强制刷新的时候
     *      5. ...........
     *  如果想使用画家类在窗口中画图, 操作必须在paintEvent函数中完成
    */
    void paintEvent(QPaintEvent *);

private:
    Ui::Widget *ui;
    int x;
};

#endif // WIDGET_H

四、在paintEvent函数中画图与写字

创建画家类对象和创建新画笔

cpp 复制代码
// 创建画家类对象
    QPainter painter(this);   // 指定绘图设备
    // 画家要有画笔才能画画
    // 创建新画笔 -- 轮廓
    QPen pen;
    pen.setColor(QColor(0, 255, 0)); /*Qt::green*/
    pen.setWidth(10);   // 像素
    pen.setStyle(Qt::DotLine);

// 将新画笔设置给画家类
    painter.setPen(pen);

画直线

painter.drawLine(QPoint(100, 100), QPoint(300, 500)); //从A点坐标到B点坐标

画椭圆

painter.drawEllipse(QPoint(200, 200), 100, 50); //中心点坐标,rx,ry

画矩形

painter.drawRect(400, 200, 200, 200); //矩形左上角坐标x,y,宽,高

写字

cpp 复制代码
// 写字
    QFont font("华文彩云", 48, 75, true);
    painter.setFont(font);
    painter.drawText(100, 600, "我是中国人, 我爱我的祖国!!!");

【运行结果】

画刷

cpp 复制代码
// 闭合区域使用画刷
    QBrush brush(QPixmap(":/Image/face.png"));
    painter.setBrush(brush);
    painter.drawRect(400, 200, 400, 400);

画背景图

painter.drawPixmap(0, 0, QPixmap(":/Image/xks.png"));

【运行结果】

五、刷新窗口调用paintEvent函数实现移动图像

widget.h文件

cpp 复制代码
#ifndef WIDGET_H
#define WIDGET_H

#include <QWidget>

namespace Ui {
class Widget;
}

class Widget : public QWidget
{
    Q_OBJECT

public:
    explicit Widget(QWidget *parent = 0);
    ~Widget();

protected:
    void paintEvent(QPaintEvent *);

private:
    Ui::Widget *ui;
    int x;
};

#endif // WIDGET_H

widget.cpp文件

cpp 复制代码
#include "widget.h"
#include "ui_widget.h"
#include <QPainter>
#include <QFont>

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

    connect(ui->move, &QPushButton::clicked, this, [=]()
    {
       // 刷新窗口
        update();   // 系统调用paintEvent 函数
    });
}

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


void Widget::paintEvent(QPaintEvent *)
{

    // 创建画家类对象
    QPainter painter(this);   // 指定绘图设备
    // 画家要有画笔才能画画
    // 创建新画笔 -- 轮廓
    QPen pen;
    pen.setColor(QColor(0, 255, 0)); //Qt::green
    pen.setWidth(10);   // 像素
    pen.setStyle(Qt::DotLine);

    // 将新画笔设置给画家类
    painter.setPen(pen);
/*
    // 画直线
    painter.drawLine(QPoint(100, 100), QPoint(300, 500));
    // 画椭圆
    painter.drawEllipse(QPoint(200, 200), 100, 50);
    // 画矩形
    painter.drawRect(400, 200, 200, 200);
    // 写字
    QFont font("华文彩云", 48, 75, true);
    painter.setFont(font);
    painter.drawText(100, 600, "我是中国人, 我爱我的祖国!!!");
*/

    // 闭合区域使用画刷
    QBrush brush(QPixmap(":/Image/face.png"));
    painter.setBrush(brush);
    painter.drawRect(400, 200, 400, 400);

    // 画背景图
    // painter.drawPixmap(0, 0, QPixmap(":/Image/xks.png"));

    // 提供笑脸
    x += 5;
    //超出边框会自动回到原位
    if(x > this->width())
    {
        x = 20;
    }
    painter.drawPixmap(x, 100, QPixmap(":/Image/sunny.png"));

}

【运行结果】

相关推荐
sycmancia3 分钟前
Qml——信号连接、自定义信号
qt
云和数据.ChenGuang1 小时前
LangGraph 异步 Node 的设计与写法实践
开发语言·人工智能·python·机器学习·php
La Pulga3 小时前
【FreeRTOS源码学习笔记】任务延时列表
笔记·mcu·学习·嵌入式·freertos·实时操作系统
蜗牛一步步往上爬5 小时前
第十六章 C++语言在深度学习中的应用
开发语言·c++·深度学习
楚山之石5 小时前
【JCO】mpMRI 先行替代 TURBT 初始分期:BladderPath 随机试验让 MIBC 患者提前 45 天得到正确治疗
人工智能·学习·mri·医学影像
张张123y7 小时前
DSH 插件调试避坑:client.js 设置面板、热重载与高频报错排查表
开发语言·javascript·人工智能·开源·ecmascript·后端开发·ai agent
Peter-OK8 小时前
PostgreSQL学习笔记(入门-进阶-精通说明)
笔记·学习·postgresql
承渊政道9 小时前
Linux网络学习【Reactor反应堆模式】
linux·网络·学习·ubuntu·reactor
冻柠檬飞冰走茶10 小时前
字母移动游戏题解:贪心求最长可保留连续子串(附 C 实现)
c语言·开发语言·数据结构·算法·动态规划
FRing0310 小时前
vue2干货总结7(自定义指令、插槽、单页应用程序、路由的使用(VueRouter))
开发语言·前端·vue.js·vue2