备案控制台
开发者社区 云计算 文章 正文

Qt绘图(线条、椭圆、矩形、图片滚动)

2024-06-26 8
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： Qt绘图(线条、椭圆、矩形、图片滚动)

widget.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();
 
    //绘图事件
    void  paintEvent(QPaintEvent *);
 
private:
    Ui::Widget *ui;
};
#endif // WIDGET_H

一、基本绘制

widget.cpp

#include "widget.h"
#include "ui_widget.h"
#include<QPainter>
Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);
}
 
void Widget::paintEvent(QPaintEvent *){
    //实例化画家对象 this指定的是绘图设备
    QPainter painter(this);
    //设置画笔
    QPen pen(QColor(255,0,0));
    //设置画笔宽度
    pen.setWidth(3);
    //设置画笔风格
    pen.setStyle(Qt::DotLine);
 
    //让画家 使用这个笔
    painter.setPen(pen);
 
    //设置画刷
    QBrush brush(Qt::cyan);
    //设置画刷风格
    brush.setStyle(Qt::Dense1Pattern);
 
    //让画家使用画刷
    painter.setBrush(brush);
 
    //画线
    painter.drawLine(QPoint(0,0),QPoint(100,100));
 
    //画椭圆
    painter.drawEllipse(QPoint(100,100),50,50);
 
    //画矩形
    QPen pen2(QColor(125,125,125));
    painter.setPen(pen2);
    painter.drawRect(QRect(50,50,50,50));
 
    //画文字
    painter.drawText(QRect(10,200,150,150),"Hello,world");
}
Widget::~Widget()
{
    delete ui;
}

二、高级设置(抗锯齿、移动原点)

#include "widget.h"
#include "ui_widget.h"
#include<QPainter>
Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);
}
 
void Widget::paintEvent(QPaintEvent *){
    //    //实例化画家对象 this指定的是绘图设备
    //    QPainter painter(this);
    //    //设置画笔
    //    QPen pen(QColor(255,0,0));
    //    //设置画笔宽度
    //    pen.setWidth(3);
    //    //设置画笔风格
    //    pen.setStyle(Qt::DotLine);
 
    //    //让画家 使用这个笔
    //    painter.setPen(pen);
 
    //    //设置画刷
    //    QBrush brush(Qt::cyan);
    //    //设置画刷风格
    //    brush.setStyle(Qt::Dense1Pattern);
 
    //    //让画家使用画刷
    //    painter.setBrush(brush);
 
    //    //画线
    //    painter.drawLine(QPoint(0,0),QPoint(100,100));
 
    //    //画椭圆
    //    painter.drawEllipse(QPoint(100,100),50,50);
 
    //    //画矩形
    //    QPen pen2(QColor(125,125,125));
    //    painter.setPen(pen2);
    //    painter.drawRect(QRect(50,50,50,50));
 
    //    //画文字
    //    painter.drawText(QRect(10,200,150,150),"Hello,world");
 
    QPainter painter(this);
    painter.drawEllipse(QPoint(100,50),50,50);
    //设置 抗锯齿能力 效率低下
    painter.setRenderHint(QPainter::Antialiasing);
    painter.drawEllipse(QPoint(200,50),50,50);
 
    //画矩形
    painter.drawRect(20,120,50,50);
 
    //移动画家
    painter.translate(100,0);
    //保存画家状态
    painter.save();
 
    painter.drawRect(20,120,50,50);
 
    painter.translate(100,0);
 
    //还原画家保存状态
    painter.restore();
 
    painter.drawRect(20,120,50,50);
}
Widget::~Widget()
{
    delete ui;
}

三、绘制图片

#include "widget.h"
#include "ui_widget.h"
#include<QPainter>
#include<QTimer>
Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);
    QTimer * qtimer=new QTimer(this);
    qtimer->start(100);
    
    connect(qtimer,&QTimer::timeout,ui->pushButton,&QPushButton::click);
    //点击移动按钮，移动图片
    connect(ui->pushButton,&QPushButton::clicked,[=](){
        pox+=20;
        //如果要手动调用绘图时间 用update更新
        update();
    });
}
 
void Widget::paintEvent(QPaintEvent *){
    //    //实例化画家对象 this指定的是绘图设备
    //    QPainter painter(this);
    //    //设置画笔
    //    QPen pen(QColor(255,0,0));
    //    //设置画笔宽度
    //    pen.setWidth(3);
    //    //设置画笔风格
    //    pen.setStyle(Qt::DotLine);
    
    //    //让画家 使用这个笔
    //    painter.setPen(pen);
    
    //    //设置画刷
    //    QBrush brush(Qt::cyan);
    //    //设置画刷风格
    //    brush.setStyle(Qt::Dense1Pattern);
    
    //    //让画家使用画刷
    //    painter.setBrush(brush);
    
    //    //画线
    //    painter.drawLine(QPoint(0,0),QPoint(100,100));
    
    //    //画椭圆
    //    painter.drawEllipse(QPoint(100,100),50,50);
    
    //    //画矩形
    //    QPen pen2(QColor(125,125,125));
    //    painter.setPen(pen2);
    //    painter.drawRect(QRect(50,50,50,50));
    
    //    //画文字
    //    painter.drawText(QRect(10,200,150,150),"Hello,world");
    
    //    QPainter painter(this);
    //    painter.drawEllipse(QPoint(100,50),50,50);
    //    //设置 抗锯齿能力 效率低下
    //    painter.setRenderHint(QPainter::Antialiasing);
    //    painter.drawEllipse(QPoint(200,50),50,50);
    
    //    //画矩形
    //    painter.drawRect(20,120,50,50);
    
    //    //移动画家
    //    painter.translate(100,0);
    //    //保存画家状态
    //    painter.save();
    
    //    painter.drawRect(20,120,50,50);
    
    //    painter.translate(100,0);
    
    //    //还原画家保存状态
    //    painter.restore();
    
    //    painter.drawRect(20,120,50,50);
    
    QPainter painter(this);
    QPixmap qpixmap=   QPixmap(":/icon/demo01.png");
    if(pox>(this->width()-qpixmap.width())){
        pox=0;
    }
    painter.drawPixmap(pox,0,qpixmap);
}
Widget::~Widget()
{
    delete ui;
}

四、绘图设备

1、QPixmap

#include "widget.h"
#include "ui_widget.h"
#include<QPixmap>
#include<QPainter>
Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);
 
    //Pixmap绘图设备
    QPixmap pix(300,300);
 
    //填充颜色
    pix.fill(Qt::white);
 
    //申明画家
    QPainter painter(&pix);
    painter.setPen(QPen(Qt::green));
    painter.drawEllipse(QPoint(150,150),100,100);
 
    //保存
    pix.save("E:\\pix.png");
}
 
Widget::~Widget()
{
    delete ui;
}

2、QImage

#include "widget.h"
#include "ui_widget.h"
#include<QPixmap>
#include<QPainter>
#include<QImage>
 
Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);
 
//    //Pixmap绘图设备
//    QPixmap pix(300,300);
 
//    //填充颜色
//    pix.fill(Qt::white);
 
//    //申明画家
//    QPainter painter(&pix);
//    painter.setPen(QPen(Qt::green));
//    painter.drawEllipse(QPoint(150,150),100,100);
 
//    //保存
//    pix.save("E:\\pix.png");
 
    QImage image(300,300,QImage::Format_ARGB32);
 
    //填充颜色
    image.fill(Qt::white);
 
    //申明画家
    QPainter painter(&image);
    painter.setPen(QPen(Qt::blue));
    painter.drawEllipse(QPoint(150,150),100,100);
 
    //保存
    image.save("E:\\image.png");
}
 
Widget::~Widget()
{
    delete ui;
}

修改像素点

#include "widget.h"
#include "ui_widget.h"
#include<QPixmap>
#include<QPainter>
#include<QImage>
#include<QRgb>
Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);
 
//    //Pixmap绘图设备
//    QPixmap pix(300,300);
 
//    //填充颜色
//    pix.fill(Qt::white);
 
//    //申明画家
//    QPainter painter(&pix);
//    painter.setPen(QPen(Qt::green));
//    painter.drawEllipse(QPoint(150,150),100,100);
 
//    //保存
//    pix.save("E:\\pix.png");
 
    QImage image(300,300,QImage::Format_ARGB32);
 
    //填充颜色
    image.fill(Qt::white);
 
    //申明画家
    QPainter painter(&image);
    painter.setPen(QPen(Qt::blue));
    painter.drawEllipse(QPoint(150,150),100,100);
 
    //保存
    image.save("E:\\image.png");
}
void Widget::paintEvent(QPaintEvent *  ){
    QPainter painter(this);
 
    //利用QImage 对像素进行修改
    QImage img;
    img.load(":/icon/demo01.png");
 
    //修改像素点
    for(int i=50;i<100;i++){
        for(int j=50;j<100;j++){
            QRgb value=qRgb(255,0,0);
            img.setPixel(i,j,value);
        }
    }
 
    painter.drawImage(0,0,img);
}
Widget::~Widget()
{
    delete ui;
}

3、QPicture

    #include "widget.h"
#include "ui_widget.h"
#include<QPixmap>
#include<QPainter>
#include<QImage>
#include<QRgb>
#include<QPicture>
Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);
 
    //    //Pixmap绘图设备
    //    QPixmap pix(300,300);
 
    //    //填充颜色
    //    pix.fill(Qt::white);
 
    //    //申明画家
    //    QPainter painter(&pix);
    //    painter.setPen(QPen(Qt::green));
    //    painter.drawEllipse(QPoint(150,150),100,100);
 
    //    //保存
    //    pix.save("E:\\pix.png");
 
    //    QImage image(300,300,QImage::Format_ARGB32);
 
    //    //填充颜色
    //    image.fill(Qt::white);
 
    //    //申明画家
    //    QPainter painter(&image);
    //    painter.setPen(QPen(Qt::blue));
    //    painter.drawEllipse(QPoint(150,150),100,100);
 
    //    //保存
    //    image.save("E:\\image.png");
 
    //QPicture 绘图设备 可以记录和重现绘图指令
    QPicture pic;
    QPainter painter;
    painter.begin(&pic);//开始画画
    painter.setPen(QPen(Qt::cyan));
    painter.drawEllipse(QPoint(150,150),100,100);
    painter.end();//结束画画
 
    //保存到磁盘
    pic.save("E:\\pic.cc");
}
void Widget::paintEvent(QPaintEvent *  ){
    //    QPainter painter(this);
 
    //    //利用QImage 对像素进行修改
    //    QImage img;
    //    img.load(":/icon/demo01.png");
 
    //    //修改像素点
    //    for(int i=50;i<100;i++){
    //        for(int j=50;j<100;j++){
    //            QRgb value=qRgb(255,0,0);
    //            img.setPixel(i,j,value);
    //        }
    //    }
 
    //    painter.drawImage(0,0,img);
 
    QPainter painter(this);
    //重现QPicture的绘图指令
    QPicture pic;
    pic.load("E:\\pic.cc");
    painter.drawPicture(0,0,pic);
}
Widget::~Widget()
{
    delete ui;
}

关键词：
Qt绘图矩形
Qt图片滚动
Qt矩形
Qt图片
Qt绘图
米诺斯
目录
相关文章
实沈
|
2月前
|
计算机视觉 C++
基于Qt的简易图片浏览器设计与实现
基于Qt的简易图片浏览器设计与实现
实沈
95 1
abcd552191868
|
2月前
|
存储 容器
QT中QListWidget实现QListWidgetItem图片和文字居中
在使用QT开发软件的过程中，很多时候使用QListWidget来实现列表项的功能，比如MS系统的功能模块菜单，如下面2张图所示，其中第一张图是带文字和图标的列表项，第二张图是纯图标的模式，在最近开发的平台客户端的某个功能模块都用上了。
abcd552191868
384 0
richard_yuu
|
11天前
|
算法 计算机视觉
【Qt&OpenCV QGraphicsView显示OpenCV读入的图片】
【Qt&OpenCV QGraphicsView显示OpenCV读入的图片】
richard_yuu
14 0
热爱嵌入式的小佳同学
|
2月前
|
API
Qt 窗口常用位置API函数 & 绘图原理 & 双缓冲机制 总结
Qt 窗口常用位置API函数 & 绘图原理 & 双缓冲机制 总结
热爱嵌入式的小佳同学
37 1
泡沫o0
|
2月前
|
缓存 Linux 定位技术
Qt绘图指南：掌握高效、美观的GUI设计之道
Qt绘图指南：掌握高效、美观的GUI设计之道
泡沫o0
544 1
泡沫o0
|
2月前
|
Linux API iOS开发
【Qt 渲染引擎】一文带你了解qt的三种 渲染引擎，包括栅格引擎（Raster）、OpenGL 和本地绘图系统
【Qt 渲染引擎】一文带你了解qt的三种 渲染引擎，包括栅格引擎（Raster）、OpenGL 和本地绘图系统
泡沫o0
74 0
godspeed_lucip
|
2月前
|
存储 C++ 开发者
QT基础【4-简易的图片查看程序】
QT基础【4-简易的图片查看程序】
godspeed_lucip
51 0
高二的笔记
|
2月前
|
小程序
Qt实现图片可拖拉
Qt实现图片可拖拉
高二的笔记
42 1
落雨便归尘
|
11天前
|
关系型数据库 MySQL 项目管理
数据库大作业——基于qt开发的图书管理系统(四)项目目录的整理与绘制登录页面
数据库大作业——基于qt开发的图书管理系统(四)项目目录的整理与绘制登录页面
落雨便归尘
26 0
落雨便归尘
|
11天前
|
SQL 关系型数据库 MySQL
数据库大作业——基于qt开发的图书管理系统(三)Qt连接Mysql数据库
数据库大作业——基于qt开发的图书管理系统(三)Qt连接Mysql数据库
落雨便归尘
84 0