【QT】基本的绘图操作和高级绘图

news2024/11/8 6:38:29

基本绘图

新建项目

重新绘图事件

画基本图形

#include "widget.h"
#include "ui_widget.h"
#include <QPainter>

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

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

// 重写绘图事件
void Widget::paintEvent(QPaintEvent *event)
{
    // 创建画家
    // this表示绘图设备，往当前窗口画画
    QPainter painter(this);
    painter.drawLine(QPoint(0, 0), QPoint(100, 100));                 // 画线
    painter.drawEllipse(QPoint(100, 100), 50, 50);                    // 画圆(椭圆)
    painter.drawRect(QRect(20, 20, 50, 50));                          // 画矩形
}

效果

写字

    // 写字
    painter.setFont(QFont("华文彩云", 20));         // 设置字体字号
    painter.drawText(QRect(0, 200, 200, 150), "好好学习，天天向上");

效果

设置画笔颜色、宽度、风格

#include "widget.h"
#include "ui_widget.h"
#include <QPainter>

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

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

// 重写绘图事件
void Widget::paintEvent(QPaintEvent *event)
{
    // 创建画家
    // this表示绘图设备，往当前窗口画画
    QPainter painter(this);

    // 指定画笔
    QPen pen(QColor(255, 0, 0));
    // 设置画笔的宽度
    pen.setWidth(3);        // 默认是1
    // 设置画笔风格
    pen.setStyle(Qt::DotLine);
    // 画家使用画笔
    painter.setPen(pen);

    painter.drawLine(QPoint(0, 0), QPoint(100, 100));                 // 画线
    painter.drawEllipse(QPoint(100, 100), 50, 50);                    // 画圆(椭圆)
    painter.drawRect(QRect(20, 20, 50, 50));                          // 画矩形


    // 写字
    painter.setFont(QFont("华文彩云", 20));         // 设置字体字号
    painter.drawText(QRect(0, 200, 200, 150), "好好学习，天天向上");

}

效果

画刷，可以填充封闭的图案
#include "widget.h"
#include "ui_widget.h"
#include <QPainter>

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

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

// 重写绘图事件
void Widget::paintEvent(QPaintEvent *event)
{
    // 创建画家
    // this表示绘图设备，往当前窗口画画
    QPainter painter(this);

    // 指定画笔
    QPen pen(QColor(255, 0, 0));
    // 设置画笔的宽度
    pen.setWidth(3);        // 默认是1
    // 设置画笔风格
    pen.setStyle(Qt::DotLine);
    // 画家使用画笔
    painter.setPen(pen);


    // 画刷，可以填充封闭的图案
    QBrush brush(Qt::cyan);         // 青色
    // 设置画刷风格
    brush.setStyle(Qt::Dense5Pattern);
    // 画家使用画刷
    painter.setBrush(brush);



    painter.drawLine(QPoint(0, 0), QPoint(100, 100));                 // 画线
    painter.drawEllipse(QPoint(100, 100), 50, 50);                    // 画圆(椭圆)
    painter.drawRect(QRect(20, 20, 50, 50));                          // 画矩形


    // 写字
    painter.setFont(QFont("华文彩云", 20));         // 设置字体字号
    painter.drawText(QRect(0, 200, 200, 150), "好好学习，天天向上");

}

效果

高级绘图

设置抗锯齿

    painter.drawEllipse(QPoint(100, 100), 50, 50);          // 画圆

    // 设置抗锯齿
    painter.setRenderHint(QPainter::Antialiasing);
    painter.drawEllipse(QPoint(250, 100), 50, 50);          // 画圆

效果

移动画家

    painter.drawRect(QRect(20, 20, 50, 50));
    // 移动画家
    painter.translate(100, 0);
    painter.save();                 // 保存
    painter.drawRect(QRect(20, 20, 50, 50));
    painter.translate(100, 0);
    painter.restore();              // 恢复到100处
    painter.drawRect(QRect(20, 20, 50, 50));

效果

画成品图，导入资源：【QT】资源文件导入_复制其他项目中的文件到qt项目中_StudyWinter的博客-CSDN博客

代码

    // 画成品的图案
    QPixmap pix;
    pix.load(":/Image/Luffy.png");
    painter.drawPixmap(0, 0, pix);

效果

在UI文件中加pushbutton，点击button，图片移动。

加入成员变量记录坐标信息

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

    // 点击移动按钮，图片移动
    connect(ui->pushButton, &QPushButton::clicked, this, [=]() {
        posX += 10;
        // 重新画图，手动调用
        update();       // 自动调用paintEvent

    });
}

效果

图片左边出去，可以从右边回来

    // 画成品的图案
    QPixmap pix;
    pix.load(":/Image/Luffy.png");
    // 窗口的宽度
    if (posX > this->width()) {
        // 重置
        posX = 0 - pix.width();
    }
    painter.drawPixmap(posX, 0, pix);

效果

图片自动移动，利用定时器

    // 图片自动移动
    QTimer* time = new QTimer(this);
    time->start(10);
    connect(time, &QTimer::timeout, this, [=]() {
        posX++;
        update();
    });

所有代码

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

    // 重写绘图事件
    void paintEvent(QPaintEvent *event);

    // 记录坐标
    int posX;

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

widget.cpp

#include "widget.h"
#include "ui_widget.h"
#include <QPainter>
#include <QPushButton>
#include <QTimer>

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

    // 点击移动按钮，图片移动
    connect(ui->pushButton, &QPushButton::clicked, this, [=]() {
        posX += 10;
        // 重新画图，手动调用
        update();       // 自动调用paintEvent

    });


    // 图片自动移动
    QTimer* time = new QTimer(this);
    time->start(10);
    connect(time, &QTimer::timeout, this, [=]() {
        posX++;
        update();
    });
}

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

// 重写绘图事件
void Widget::paintEvent(QPaintEvent *event)
{
    // 创建画家
    // this表示绘图设备，往当前窗口画画
    QPainter painter(this);

    /***************************************基本绘图**************************************/

//    // 指定画笔
//    QPen pen(QColor(255, 0, 0));
//    // 设置画笔的宽度
//    pen.setWidth(3);        // 默认是1
//    // 设置画笔风格
//    pen.setStyle(Qt::DotLine);
//    // 画家使用画笔
//    painter.setPen(pen);


//    // 画刷，可以填充封闭的图案
//    QBrush brush(Qt::cyan);         // 青色
//    // 设置画刷风格
//    brush.setStyle(Qt::Dense5Pattern);
//    // 画家使用画刷
//    painter.setBrush(brush);

//    painter.drawLine(QPoint(0, 0), QPoint(100, 100));                 // 画线
//    painter.drawEllipse(QPoint(100, 100), 50, 50);                    // 画圆(椭圆)
//    painter.drawRect(QRect(20, 20, 50, 50));                          // 画矩形


//    // 写字
//    painter.setFont(QFont("华文彩云", 20));         // 设置字体字号
//    painter.drawText(QRect(0, 200, 200, 150), "好好学习，天天向上");



    /*****************************************高级绘图****************************************/
//    painter.drawEllipse(QPoint(100, 100), 50, 50);          // 画圆

//    // 设置抗锯齿
//    painter.setRenderHint(QPainter::Antialiasing);
//    painter.drawEllipse(QPoint(250, 100), 50, 50);          // 画圆

//    painter.drawRect(QRect(20, 20, 50, 50));
//    // 移动画家
//    painter.translate(100, 0);
//    painter.save();                 // 保存
//    painter.drawRect(QRect(20, 20, 50, 50));
//    painter.translate(100, 0);
//    painter.restore();              // 恢复到100处
//    painter.drawRect(QRect(20, 20, 50, 50));


    // 画成品的图案
    QPixmap pix;
    pix.load(":/Image/Luffy.png");
    // 窗口的宽度
    if (posX > this->width()) {
        // 重置
        posX = 0 - pix.width();
    }
    painter.drawPixmap(posX, 0, pix);




}

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/1164802.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

Jetpack：027-Jetpack中的Switch

Jetpack：027-Jetpack中的Switch

文章目录 1. 概念介绍2. 使用方法3. 代码与效果3.1 示例代码3.2 运行效果 4. 内容总结 我们在上一章回中介绍了Jetpack中Slider相关的内容&#xff0c;本章回中 主要介绍Switch。闲话休提&#xff0c;让我们一起Talk Android Jetpack吧&#xff01; 1. 概念介绍 我们在本章回…
阅读更多...
Collction的List方法,list特有方法,遍历方式,迭代器选择

Collction的List方法,list特有方法,遍历方式,迭代器选择

[to] list特有方法 //插入指定元素//list.add(1,"ddd");//System.out.println(list);//[aaa, ddd, bbb, ccc]//这个表示在一索引的位置插入ddd//他会把原来一索引位置的元素往后移动一位在添加//删除指定元素//String remove list.remove(1);//System.out.println(…
阅读更多...
交换机基本配置

交换机基本配置

交换机基本配置 思科设备操作系统的3种模式 1.用户模式&#xff1a;标识符&#xff1a;> 默认处于的模式。 2.特权模式&#xff1a;标识符&#xff1a;# 在此模式中常常进行一些配置保存或配置查看。 3.全局模式&#xff1a;标识符&#xff1a;(config)# 在此模式中常…
阅读更多...
Python自动化测试面试题总结

Python自动化测试面试题总结

python有哪些数据类型怎么将两个字典合并python如何将json写到文件里&#xff1f;在except语句中return后还会不会执行finally中的代码&#xff1f;什么是可变、不可变类型&#xff1f;python函数调用时参数的传递是值传递还是引用传递&#xff1f;python深浅拷贝的区别python为…
阅读更多...
assert断言与const修饰指针的妙用（模拟实现strcpy函数）

assert断言与const修饰指针的妙用（模拟实现strcpy函数）

assert断言 目录 assert断言的妙用&#xff1a; 头文件&#xff1a; 使用方法&#xff1a; const修饰指针的妙用 主要用法 const在*左边 const在*右边 断言和const修饰指针的应用 模拟实现C语言strcpy函数 1、若字符串str1,str2有空指针怎么办&#xff1f; 2.str2改变…
阅读更多...
【ML】线性回归

【ML】线性回归

线性回归 以房价为例。 单因子线性回归 房价和面积建立回归模型。 多因子线性回归 房价和面积、收入、房龄、地区人口数建立回归模型。 线性回归模型评估 MSE 越小越好&#xff0c; R 2 R^2 R2越接近1越好 MSE&#xff08;预测值y 和实际值y’ 的均方误差&#xff09; …
阅读更多...
Java值传递与引用传递的区别

Java值传递与引用传递的区别

我们先来看一下值传递和引用传递的定义&#xff1b;值传递&#xff1a;在调用函数时&#xff0c;将实际参数复制一份传递到函数中&#xff0c;这样在函数中对参数进行修改&#xff0c;就不会影响到原来的实际参数。引用传递:在调用函数时&#xff0c;将实际参数的地址直接传递到…
阅读更多...
使用这些优秀的 iPad App 提升您的技术水平

使用这些优秀的 iPad App 提升您的技术水平

还记得当年 iPad 隆重登场&#xff0c;每个人都对其改变游戏规则的潜力感到震惊吗&#xff1f;嗯&#xff0c;你猜怎么着&#xff1f;iPad 应用程序世界已经发展&#xff0c;我们为您精心挑选了最好的应用程序&#xff08;由 AVNation 提供&#xff09;。 1、Crestron Electro…
阅读更多...
【CSDN 每日一练 ★★☆】【动态规划】最小路径和

【CSDN 每日一练 ★★☆】【动态规划】最小路径和

【CSDN 每日一练 ★★☆】【动态规划】最小路径和 动态规划 题目 给定一个包含非负整数的 m x n 网格 grid &#xff0c;请找出一条从左上角到右下角的路径&#xff0c;使得路径上的数字总和为最小。 说明&#xff1a;每次只能向下或者向右移动一步。 示例 示例 1&#x…
阅读更多...
java毕业设计基于ssm的招聘求职网站

java毕业设计基于ssm的招聘求职网站

项目介绍 本前途招聘求职网站是针对目前仓库的实际需求&#xff0c;从实际工作出发&#xff0c;对过去的前途招聘求职网站存在的问题进行分析&#xff0c;完善用户的使用体会。采用计算机系统来管理信息&#xff0c;取代人工管理模式&#xff0c;查询便利&#xff0c;信息准确…
阅读更多...
微服务架构之路1，服务如何拆分？使用微服务的注意事项？

微服务架构之路1，服务如何拆分？使用微服务的注意事项？

目录 一、前言二、单体服务的弊端三、微服务化四、服务如何拆分&#xff1f;五、使用微服务的注意事项1、服务如何定义2、服务如何发布和订阅3、服务如何监控4、服务如何治理5、故障如何定位 大家好&#xff0c;我是哪吒。 一、前言 微服务已经是Java开发的必备技能&#xff…
阅读更多...
Java--多线程--Thread类+Runnable接口

Java--多线程--Thread类+Runnable接口

1.多进程与多线程 1.1多进程&#xff1a; 一个进程是一个包含自身地址的程序&#xff0c;每个独立执行的程序都称为进程&#xff0c;也就是正在执行的程序&#xff0c;系统可以分配给每个进程一段有限的使用CPU的时间&#xff08;CPU时间片&#xff09;&#xff0c;CPU在这个时…
阅读更多...
数据库实验：SQL的多表数据查询

数据库实验：SQL的多表数据查询

目录 实验目的实验内容实验要求实验过程实验代码结果示意 书接上文&#xff0c;但是感觉之前的形式不太好用&#xff0c;至少不是很方便观看&#xff0c;所以这篇尝试改变一下写法&#xff0c;希望可以提升一些观感 实验目的 (1) 掌握RDBMS的数据多表查询功能 (2) 掌握SQL语言…
阅读更多...
Junit使用

Junit使用

一、Junit常用注释 Test 将一个普通的方法修饰成为一个测试方法。 Test&#xff08;exceptedXX.class&#xff09; Test(exceptedArithmeticException.class):预期被测方法是否抛出ArithmeticException异常Test&#xff08;timeout毫秒&#xff09;BeforeClass&#xff1a;它…
阅读更多...
velero备份k8s集群

velero备份k8s集群

流程图 velero备份原理 本地 Velero 客户端发送备份指令。Kubernetes 集群内就会创建一个 Backup 对象。BackupController 监测 Backup 对象并开始备份过程。BackupController 会向 API Server 查询相关数据。BackupController 将查询到的数据备份到远端的对象存储。 velero的…
阅读更多...
【深度学习】pytorch——Tensor（张量）详解

【深度学习】pytorch——Tensor（张量）详解

笔记为自我总结整理的学习笔记&#xff0c;若有错误欢迎指出哟~ pytorch——Tensor 简介创建Tensortorch.Tensor( )和torch.tensor( )的区别torch.Tensor( )torch.tensor( ) tensor可以是一个数&#xff08;标量&#xff09;、一维数组&#xff08;向量&#xff09;、二维数组&…
阅读更多...
EasyExcel动态复杂表头导出方法

EasyExcel动态复杂表头导出方法

目录 需求分析解决方案数据问题数据导入 需求分析 公司数据比较特殊有一部分数据需要动态修改导致信息导入时表头是不确定的&#xff0c;但其中又有一部分表头是固定的&#xff0c;如下图所示&#xff0c;如果表头全部是固定的话可以通过EasyExcel实体类的注解很轻松的解决&am…
阅读更多...
Linux CentOS7.9安装OpenJDK17

Linux CentOS7.9安装OpenJDK17

Linux CentOS7.9安装OpenJDK17 一、OpenJDK下载 清华大学开源软件镜像站 国内的站点&#xff0c;下载速度贼快 二、上传解压 文件上传到服务器后&#xff0c;解压命令&#xff1a; tar -zxvf jdk-xxxx-linux-x64.tar.gz三、配置环境 export JAVA_HOME/home/local/java/j…
阅读更多...
ffmpeg mp3截取命令，视频与mp3合成带音频视频命令

ffmpeg mp3截取命令，视频与mp3合成带音频视频命令

从00:00:03.500开始截取往后长度到结尾的mp3音频&#xff08;这个更有用&#xff0c;测试好用&#xff09; ffmpeg -i d:/c.mp3 -ss 00:00:03.500 d:/output.mp3 将两个音频合并成一个音频&#xff08;测试好用&#xff09; ffmpeg -i "concat:d:/c.mp3|d:/output.mp3&…
阅读更多...
Linux C语言进阶-D10指针数组

Linux C语言进阶-D10指针数组

指针变量构成的数组 理解下面printf中的a和p的表示&#xff0c;其中p[0]、p[1]、p[2]表示存储的a,a1和a2这几个地址&#xff0c;而再加个*&#xff0c;相当于对地址解引用&#xff0c;从而得到数组中的值。 如下图&#xff0c;要想得到a[0][1]的值可以直接打印a[0][1]&#xf…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023