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"));

}

【运行结果】

相关推荐
枯萎穿心攻击33 分钟前
响应式编程入门教程第二节:构建 ObservableProperty<T> — 封装 ReactiveProperty 的高级用法
开发语言·unity·c#·游戏引擎
DKPT1 小时前
Java桥接模式实现方式与测试方法
java·笔记·学习·设计模式·桥接模式
Eiceblue2 小时前
【免费.NET方案】CSV到PDF与DataTable的快速转换
开发语言·pdf·c#·.net
m0_555762903 小时前
Matlab 频谱分析 (Spectral Analysis)
开发语言·matlab
浪裡遊3 小时前
React Hooks全面解析:从基础到高级的实用指南
开发语言·前端·javascript·react.js·node.js·ecmascript·php
好好研究4 小时前
学习栈和队列的插入和删除操作
数据结构·学习
lzb_kkk4 小时前
【C++】C++四种类型转换操作符详解
开发语言·c++·windows·1024程序员节
新中地GIS开发老师4 小时前
新发布:26考研院校和专业大纲
学习·考研·arcgis·大学生·遥感·gis开发·地理信息科学
好开心啊没烦恼4 小时前
Python 数据分析:numpy,说人话,说说数组维度。听故事学知识点怎么这么容易?
开发语言·人工智能·python·数据挖掘·数据分析·numpy
简佐义的博客5 小时前
破解非模式物种GO/KEGG注释难题
开发语言·数据库·后端·oracle·golang