Qt绘图与信号事件

最新推荐文章于 2023-07-31 22:38:27 发布
最新推荐文章于 2023-07-31 22:38:27 发布
阅读量727 收藏 1
点赞数
分类专栏： C++ 文章标签： c++ qt
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Luo_LA/article/details/106931568
版权

Qt应用开发的基本模式(面向对象)

  1. 继承QDailog
  • gkdialog.h
#ifndef GK_DIALOG_H
#define GK_DIALOG_H
#include <QtWidgets/QDialog>

class GKDialog: public QDialog{
public:
    GKDialog(QWidget *parent=0);
    ~GKDialog();
};
#endif
  • gkdialog.cpp
#include "gkdialog.h"
#include <iostream>

GKDialog::GKDialog(QWidget *parent):
    QDialog(parent){
    std::cout << "对话框初始化" << std::endl;
}

GKDialog::~GKDialog(){
    std::cout << "释放" << std::endl;
}
  1. QApplication
  • gkapp.h
#ifndef GK_APP_H
#define GK_APP_H
#include <QtWidgets/QApplication>
#include "gkdialog.h"
class GKApp : public QApplication{
public:
    GKApp(int argc, char **argv);
    ~GKApp();
private:
    GKDialog *dlg;
};
#endif
  • gkapp.cpp
#include "gkapp.h"
#include <iostream>
GKApp::GKApp(int argc, char **argv):
    QApplication(argc, argv),
    dlg(new GKDialog()){  // 构造初始化列表
    dlg = new GKDialog();
    dlg->resize(600, 400);
    dlg->move(200, 200);
    dlg->show();
    std::cout << "应用初始化" << std::endl;
}

GKApp::~GKApp(){
    std::cout << "应用释放" << std::endl;
    delete dlg;
}
  1. main.cpp
#include "gkapp.h"
// #include "gkdialog.h"

int  main(int argc, char **argv){
    // 创建Qt应用
    GKApp app(argc, argv);
    // 创建对话框
    // 消息循环
    // 返回状态码
    return app.exec();
}
  1. Makefile
INCLUDES = /I "C:/Qt/Qt5.13.0/5.13.0/msvc2017_64/include"

LIBS     = /LIBPATH:"C:/Qt/Qt5.13.0/5.13.0/msvc2017_64/lib" \
           /DYNAMICBASE  \
	         "Qt5Widgets.lib"  \
		     "Qt5Gui.lib" \
		     "Qt5Core.lib"
CL_ARGS  = /EHsc \
           /MD \
		   /source-charset:utf-8 \
		   /execution-charset:utf-8 \
		   /nologo
LINK_ARGS = /MACHINE:X64  /NOLOGO 

main:main.cpp gkapp.cpp gkdialog.cpp
	@cl /c $(CL_ARGS) /Fo:main.obj  $(INCLUDES) main.cpp
	@cl /c $(CL_ARGS) /Fo:app.obj  $(INCLUDES) gkapp.cpp
	@cl /c $(CL_ARGS) /Fo:dialog.obj  $(INCLUDES) gkdialog.cpp
	@link $(LINK_ARGS) $(LIBS) /OUT:main.exe  main.obj app.obj dialog.obj 

clean:
	@del *.exe *.obj *.exp 2>/Nul
  • 说明：
    • 三种使用模式的体会：
      • 第一种对话框与应用程序并列呈现，我们通常不采用这种并列的方式
      • 第二种（即为上面的代码形式），对话框与应用程序为包含关系，这种方式可控性强、风险低。

设计UI（Qt Designer）

代码实现

  1. 定义成员

  2. 创建对象

  3. 设置属性

工具实现

  • Qt Designer（Qt设计大师）

  1. 步骤1：创建模板，保存为ui文件

  2. 拖组件满足功能

  3. 外观的设计

  4. 命名规范

  5. 交互设计

    1. 设计槽（slot）函数
    2. 组件的信号与槽函数关联

使用UI

  • 条件是*.ui文件

  1. 编译ui文件为.h文件

    • uic [options] [uifile]
      1. -o 输出的文件 ： 建议文件输出为.h文件

  2. 创建ui对象

  3. 使用ui对象的setupUi绑定我们的对话框
    ui->setupUi(this);

  4. 实现ui设计中的槽函数

  5. 所有定义了槽函数的头文件需要编译成moc的cpp文件。

    • cpp需要编译与链接

    • 注意事项；定义槽函数或者是信号的类，需要添加一个宏，Q_OBJECT

    • moc [options] [header-file]

      • 选项： -o 输出的文件moc_***.cpp

Qt画图

  1. Qt应用
    QApplication

    • QDialog

  2. 绘制事件

    • 完成绘图编程模式

    • QPainter

  3. 键盘事件

    • 通过键盘控制=图形的活动

  4. 代码

  • hwdialog.h
#ifndef HW_DIALOG_H
#define HW_DIALOG_H
#include <QtWidgets/QDialog>
#include <QtGui/QkeyEvent>

class HWDialog: public QDialog{
public:
    HWDialog(QWidget *parent=0);
    ~HWDialog();
public:
    virtual void paintEvent(QPaintEvent *e);
    virtual void keyPressEvevt(QKeyEvent *e);
private:
    int x, y;
};
#endif
  • hwdialog.cpp
#include "hwdialog.h"
#include <iostream>
#include <QtGui/QPainter>

HWDialog::HWDialog(QWidget *parent):
    QDialog(parent),
    x(100), y(100){
    
}

HWDialog::~HWDialog(){
   
}

void HWDialog::paintEvent(QPaintEvent *e){
    QPainter painter(this);
    QColor color(255, 0, 0, 255);
    QPen pen(color);
    painter.setPen(pen);
    painter.drawRoundedRect(x, y, 100,200,20, 15); 
}

void HWDialog::keyPressEvevt(QKeyEvent *e){
    if(e->modifiers() == Qt::ControlModifier && e->key() == Qt::Key_Up){
        y -= 2;
    }
    if(e->modifiers() == Qt::ControlModifier && e->key() == Qt::Key_Down){
        y += 2;
    }
    if(e->modifiers() == Qt::ControlModifier && e->key() == Qt::Key_Left){
        x -= 2;
    }
    if(e->modifiers() == Qt::ControlModifier && e->key() == Qt::Key_Right){
        x += 2;
    }
    this->repaint();
}

  • QApplication、main.cpp、Makefile三部分代码与Qt开发的基本模式相同，在此不再进行展示。

  • 运行展示

Qt多线程

  1. 使用线程完成数据同步处理
  • 代码

thdialog.h

#ifndef TH_DIALOG_H
#define TH_DIALOG_H
#include <QtWidgets/QDialog>
#include <QtGui/QKeyEvent>
#include "thfish.h"

class THDialog: public QDialog{
public:
    THDialog(QWidget *parent=0);
    ~THDialog();
public:
    virtual void  paintEvent(QPaintEvent *e);
    virtual void  keyPressEvent(QKeyEvent *e);

private:
    THFish *fish;

    THFish *fish2;
};

#endif

thdialog.cpp

#include "thdialog.h"
#include <iostream>
#include <QtGui/QPainter>
THDialog::THDialog(QWidget *parent):
    QDialog(parent),
    fish(new THFish(100, 100)),
    fish2(new THFish(200, 100)){
    fish->start(); // 线程启动
    fish2->start();
}

THDialog::~THDialog(){

}

// override绘制函数
void THDialog::paintEvent(QPaintEvent *e){
    // 在这里完成绘制工作
    QPainter painter(this);
    fish->showFish(&painter);
    fish2->showFish(&painter);
}
void  THDialog::keyPressEvent(QKeyEvent *e){
    if(e->modifiers() == Qt::ControlModifier && e->key() == Qt::Key_Up){
        // std::cout << "up" << std::endl;
        fish->changeDir(90);
        fish->swim();
    }
    if(e->modifiers() == Qt::ControlModifier && e->key() == Qt::Key_Down){
        // std::cout << "down" << std::endl;
        fish->changeDir(270);
        fish->swim();
    }
    if(e->modifiers() == Qt::ControlModifier && e->key() == Qt::Key_Left){
        // std::cout << "left" << std::endl;
        fish->changeDir(180);
        fish->swim();
    }
    if(e->modifiers() == Qt::ControlModifier && e->key() == Qt::Key_Right){
        // std::cout << "right" << std::endl;
        fish->changeDir(0);
        fish->swim();
    }
    this->repaint();
}

thfish.h

#ifndef TH_FISH_H
#define TH_FISH_H
#include <QtCore/QThread>
#include <QtGui/QPainter>

class THFish : public QThread{
    Q_OBJECT
public:
    THFish(int x=0, int y=0, int m=45, int d=0);
    void openMouth();
    void changeDir(int dir);
    void swim();
    void showFish(QPainter *painter);
protected:
    virtual void run();
private:
    int mouth;
    int pos_x, pos_y;
    int dir;
    bool isopen;
};
#endif

thfish.cpp

#include "thfish.h"

THFish::THFish(int x, int y, int m, int d):
    mouth(m), isopen(false), 
    pos_x(x), pos_y(y), 
    dir(d){
    
}
void THFish::run(){
    while(true){
        openMouth();
        QThread::usleep(100000);
    }
}
void THFish::openMouth(){
    if(isopen){
        mouth += 5;
        if(mouth >= 45){
            isopen=!isopen;
            mouth = 45;
        }
    }else{
        mouth -= 5;
        if(mouth <= 0){
            isopen=!isopen;
            mouth = 0;
        }
    }
}
void THFish::changeDir(int dir){
    this->dir = dir;
}
void THFish::swim(){
    if(this->dir == 0){
        pos_x += 2;
    }
    if(this->dir == 90){
        pos_y -= 2;
    }
    if(this->dir == 180){
        pos_x -= 2;
    }
    if(this->dir == 270){
        pos_y += 2;
    }
}
void THFish::showFish(QPainter *painter){
    QColor color(255, 0, 0, 255);
    QPen pen(color);
    painter->setPen(pen);
    painter->drawPie(pos_x, pos_y, 50, 50, mouth * 16 + dir * 16, (360 - 2 * mouth) *16);
}

  1. 通信机制：信号与槽

    1. 定义信号
      在fish.h文件的类中定义： 
      •    signals:
   void sign_open();
    2. 发送信号
      在fish.cpp文件的run()函数中发送： 
      •    emit sign_open();
    3. 绑定信号到目标
    4. 目标需要有一个slot函数处理信息
      在dialog.cpp文件中，线程启动前绑定： 
      •   QObject::connect(fish, SIGNAL(sign_open()), this, SLOT(repaint()));
  QObject::connect(fish2, SIGNAL(sign_open()), this, SLOT(repaint()));

  2. 绘制刷新实现动画

  3. 运行展示
    在这里插入图片描述

落啦啦
关注
专栏目录
【Qt5开发及实例】19、一个简单的画图程序
cutter_point的专栏
01-24 2万+
一个简单的画图程序 Qt的双缓冲 双缓冲就是在绘制控件的时候，首先把要绘制的内容放到一个图片上，然后再将图片一次性画到控件上   设计目标     设计步骤   1、绘图区的实现   首先我们在绘图区会有画各种图形，用鼠标来画的话，那么就会有鼠标点击事件，鼠标移动事件，重绘控件事件，绘制的时候有画笔，画笔的风格，宽度，颜色。。。   Qt中的setPalette函数具体是
Qt-事件总结
最新发布
qq_37464701的博客
03-22 1324
我们使用的基于窗口的应用程序都是基于事件，其目的主要是用来实现回调（因为只有这样程序的效率才是最高的）。所以在Qt框架内部为我们提供了一些事件处理机制，当窗口事件产生之后，事件会经过：事件派发（Qt应用程序对象发送的）—>事件过滤—>事件分发—>事件处理几个阶段。每一个Qt应用程序都对应一个唯一的QApplication应用程序对象，然后调用这个对象的exec()函数，这样Qt框架内部的事件检测就开始了（程序将进入事件循环来监听应用程序的事件）。
qt 绘制流程图示例程序——Diagram
11-03
qt 绘制流程图示例程序，实现了节点的添加，以及节点之间连续操作
Qt第四十二章：自定义按钮
Good Luck
12-15 890
自定义按钮
Qt绘图事件实例：图集
qq_53704583的博客
07-31 115
Qt绘图事件实例：图集
Qt实时波形绘图（使用QCustomPlot）
热门推荐
weixin_47488212的博客
03-22 1万+
对于初学者而言，想要及时地做出一套上位机或实时波形显示界面，还是存在一定难度的，为了降低初学者的学习难度，亦方便其他研发人员的使用，我分享一套使用简单、功能强大的实时波形绘制控件，其基于Qt5与QCustomPlot实现。
qt绘图事件和定时器事件制作简易时钟
05-26
1. **Qt绘图事件（Paint Event）** Qt的绘图事件是GUI编程中的重要组成部分，用于在窗口或控件上进行自定义绘图。当一个控件需要更新其显示内容时，Qt会发送一个`paintEvent`信号。在这个事件处理函数中，我们可以...
QT学习之重写鼠标移动事件
08-31
这是一个绘图事件，当控件需要被重新绘制时，如窗口暴露、尺寸改变或主动调用`update()`时，Qt会触发此事件。我们通常会重写这个函数来进行自定义的绘制操作： ```cpp void MyWidget::paintEvent(QPaintEvent *) { ...
Qt 事件和信号
lmnlkm的专栏
09-11 1209
Qt的事件很容易和信号槽混淆。这里简单的说明一下，signal由具体对象发出，然后会马上交给由connect函数连接的slot进行处理；而对于事件，Qt使用一个事件队列对所有发出的事件进行维护，当新的事件产生时，会被追加到事件队列的尾部，前一个事件完成后，取出后面的事件进行处理。但是，必要的时候，Qt的事件也是可以不进入事件队列，而是直接处理的。并且，事件还可以使用“事件过滤器”进行过滤。总的来说
Qt之PaintEvent
Roads
07-30 8523
从Qt官方给的例程可以看出，如果想将绘图加入事件循环共有两种方式：绘图事件和定时器事件两种方式，通常使用前者。 (一) painterEvent 在绘图事件中，如果想使用update()刷新页面是行不通的，除非使用新的定时器定时刷新页面。painterEvent来自QWidget的virtual protected function，其他一些控件例如QLabel、QLineEdit、QMenu...
QT 绘制事件 PaintEvent
Y_23k_bug的专栏
09-22 1万+
对事件的响应是通过信号与槽调用      事件中根据事件触发的条件发出不同的信号      比如：鼠标事件发出clicked与dblclicked等信号      QT中事件是怎么实现的？   QT把事件自己定义成固定的virtual保护函数   这些函数自动被系统调用   1.      paintEvent 案例： 1.      覆盖QWidget的paintEvent
QT的Paint 系统
xuleisdjn的专栏
05-17 8529
下面对于QT的绘制系统做一个简要说明， 这个系统主要由三部分组成， QPainter QPaintDevice QPaintEngineQPainter 是一个绘制接口类，提供绘制各种面向用户的命令 QPaintDevice 是一个QPainter绘制的目的地，相当于画布 QPaintEngine 是基本绘制命令的具体实现。 我们打交道比较多的是 QPainter , 注意对于Windows
通俗易懂玩QT：Qpaint绘制开关按钮(内附详细源码)
混子还在路上
10-28 2651
Qpaint绘制开关按钮
QT 事件和信号
hufeng825的专栏
06-24 3541
 仔细来看，事件与信号其实并无多大差别，从我们对其需求上来说，都只要能注册事件或信号响应函数，在事件或信号产生时能够被通知到即可。但有一项区别在于，事件处理函数的返回值是有意义的，我们要根据这个返回值来确定是否还要继续事件的处理，比如在QT中，事件处理函数如果返回true，则这个事件处理已完成，QApplication会接着处理下一个事件，而如果返回false，那么事件分派函数会继续向上寻找下
Qt的鼠标事件教程代码
10-30
在Qt编程中，鼠标事件是用户与应用程序交互的重要方式，它们允许我们响应用户的鼠标操作，如点击、拖动等。本教程将详细讲解Qt中的鼠标事件处理，包括鼠标移动、按下、松开、单击和双击等基本事件类型。 1. **鼠标...
QT paintEvent事件
大风的专栏
11-14 1242
QT的paint事件是在什么样的时机下产生的，这对界面显示有意义，特别是当你当你选择主动去绘制并刷新还是只是希望下一次事件产生时刷新有着特别的意义。下面这篇文章就简明扼要地列出了paint事件产生的时机：         http://blog.csdn.net/code_thinking/article/details/38820301
QT如何使用信号槽机制实现画图板
qq_50997670的博客
07-24 436
QT如何使用信号槽机制实现画图板
Qt，充电信号显示，用Qlabel实现，简单
09-06
Qt5.7，工程源码，充电信号显示，用简单的Qlabel实现，可以模拟手机信号，或充电条滚动
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值