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

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

2024-06-26 302
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 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图片滚动
好奇的菜鸟
目录
相关文章
DS小龙哥
|
4月前
|
数据安全/隐私保护 C++ 计算机视觉
Qt(C++)开发一款图片防盗用水印制作小工具
文本水印是一种常用的防盗用手段，可以将文本信息嵌入到图片、视频等文件中，用于识别和证明文件的版权归属。在数字化和网络化的时代，大量的原创作品容易被不法分子盗用或侵犯版权，因此加入文本水印成为了保护原创作品和维护知识产权的必要手段。 通常情况下，文本水印可以包含版权声明、制作者姓名、日期、网址等信息，以帮助识别文件的来源和版权归属。同时，为了增强防盗用效果，文本水印通常会采用字体、颜色、角度等多种组合方式，使得水印难以被删除或篡改，有效地降低了盗用意愿和风险。 开发人员可以使用图像处理技术和编程语言实现文本水印的功能，例如使用Qt的QPainter类进行文本绘制操作，将文本信息嵌入到图片中，
DS小龙哥
173 1
Qt(C++)开发一款图片防盗用水印制作小工具
国中之林
|
3月前
|
容器
【qt】GraphicsView绘图架构
【qt】GraphicsView绘图架构
国中之林
67 0
国中之林
|
3月前
【qt】绘图
【qt】绘图
国中之林
32 0
石小浪♪
|
27天前
（14）Qt绘图（one）
本文介绍了在Qt中使用QPainter进行绘图的基础操作，包括如何指定绘图设备、使用QPen和QBrush设置线条和填充样式、绘制不同样式的线条和形状，以及如何实现纹理填充和渐变填充等效果。
石小浪♪
51 6
（14）Qt绘图（one）
石小浪♪
|
27天前
|
计算机视觉
（15）Qt绘图（two）
Qt框架中QPainter类的多种绘图功能，包括坐标变换、基本图形绘制、文本和图片绘制、图像保存以及碰撞检测等。
石小浪♪
36 1
（15）Qt绘图（two）
Liuqz2009
|
3月前
|
API
Qt绘图之Paint系统
Qt绘图之Paint系统
Liuqz2009
57 2
Liuqz2009
|
3月前
Qt绘图之QWidget
Qt绘图之QWidget
Liuqz2009
73 1
zcq5jk6y5y5e4
|
3月前
|
计算机视觉
使用QT显示OpenCV读取的图片
使用QT显示OpenCV读取的图片
zcq5jk6y5y5e4
60 1
国中之林
|
3月前
|
监控 C++ 容器
【qt】MDI多文档界面开发
【qt】MDI多文档界面开发
国中之林
74 0
yantuguiguziPGJ
|
2月前
|
开发工具 C++
qt开发技巧与三个问题点
本文介绍了三个Qt开发中的常见问题及其解决方法，并提供了一些实用的开发技巧。
yantuguiguziPGJ
67 0

热门文章

最新文章

  • 1
    Qt编写自定义控件35-GIF录屏控件
  • 2
    Qt C++ 键盘事件全解析：从基础到高级，实现精彩互动体验
  • 3
    Qt/E服务器客户端的通信机制
  • 4
    Qt编写安防视频监控系统4-删除视频
  • 5
    Qt开源作品1-视频流播放ffmpeg内核
  • 6
    QT刷屏函数
  • 7
    Qt Creator编译项目，报错，error: LNK1158: 无法运行“rc.exe”
  • 8
    Qt Creator指定临时文件生成目录(MOC_DIR/RCC_DIR等)和PWD/OUT_PWD/.pro官方文档
  • 9
    基于C++(QT框架)设计的网络摄像头项目(支持跨平台运行)
  • 10
    使用qt实现简易示波器功能
  • 1
    QT里面字符串转ieee754标准的float浮点数
    131
  • 2
    QT5构建套件检测不到MSVC2017解决方法
    501
  • 3
    精伦安全模块-身份证读卡器对接-Qt调用SDK
    145
  • 4
    使用opencv在Qt控件上播放mp4文件
    208
  • 5
    【QT】GraphicsView、QGraphicsScene、QGraphicsEllipseItem的使用
    326
  • 6
    【QT】读写.ini配置文件的程序实现
    98
  • 7
    Qt更新组件出现（“要继续此操作，至少需要一个有效且已启用的储存库”）
    305
  • 8
    QT实现一个简单的日志打印系统
    230
  • 9
    正点原子IMX6ULL-安装交叉编译器、编译tslib触摸屏库、编译arm环境qt源代码
    182
  • 10
    qt开发使用camera类获取摄像头信息并拍照保存
    179

    • 相关电子书

    更多
  • 低代码开发师（初级）实战教程
  • 冬季实战营第三期：MySQL数据库进阶实战
  • 阿里巴巴DevOps 最佳实践手册

    • 推荐镜像

    更多
  • qt
  • python-release
  • nodejs-release
    • 下一篇
    阿里云无影云电脑免费试用，最长可试用3个月