Qt学习笔记-DAY3

最新推荐文章于 2024-06-02 16:04:30 发布
最新推荐文章于 2024-06-02 16:04:30 发布
阅读量298 收藏
点赞数
分类专栏： Qt学习笔记 文章标签： qt python 嵌入式
版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44576486/article/details/111946088
版权

Qt学习笔记-DAY3

目录

1.自定义控件封

窗口中的某个模块会被经常性的重复使用。一般遇到这种情况我们都会将这个窗口或者模块拿出来做成一个独立的窗口类，以备以后重复使用。

例如：我们从QWidget派生出一个类SmallWidget，实现了一个自定窗口

step1.添加新文件—Qt 设计师界面类
Qt 设计师界面类包含.h  .cpp  .ui

Qt 设计师界面类包含.h .cpp .ui

step2.ui中 设计 QSpinBox和QSlider 两个控件

实现功能：改变数字，滑动条跟着移动
在这里插入图片描述

step3.在主Widget中提升为

加入一个空窗口 提升为在这里插入图片描述

step4.功能实现

在.h文件 声明 get、set接口

#ifndef SMALLWIDGET_H
#define SMALLWIDGET_H

#include <QWidget>

namespace Ui {
class SmallWidget;
}

class SmallWidget : public QWidget
{
    Q_OBJECT

public:
    explicit SmallWidget(QWidget *parent = 0);
    ~SmallWidget();

    //设置数字
    void setNum(int num);

    //获取数字
    int getNum();

private:
    Ui::SmallWidget *ui;
};

#endif // SMALLWIDGET_H

在.cpp中实现 控件的关联、set、get函数

#include "smallwidget.h"
#include "ui_smallwidget.h"

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

    //QSpinBox移动 QSlider跟着移动
    //带参数   重载
    void(QSpinBox:: * spSignal )(int) = &QSpinBox::valueChanged;
    connect(ui->spinBox , spSignal , ui->horizontalSlider , &QSlider::setValue);

    //QSlider滑动  QSpinBox数字跟着改变
    connect(ui->horizontalSlider, &QSlider::valueChanged,ui->spinBox,&QSpinBox::setValue);
}

//设置数字
void SmallWidget::setNum(int num)
{
    ui->spinBox->setValue(num);

}

//获取数字
int SmallWidget::getNum()
{
    return ui->spinBox->value();
}

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

2.Qt中的事件

2.1.1.鼠标事件

虚函数 可以被各个子类继承后 按需重写
在.h中申明 鼠标事件（5种）

    //鼠标进入事件
    void enterEvent(QEvent *event);

    //鼠标离开事件
    void leaveEvent(QEvent *);


    //鼠标按下
    virtual void mousePressEvent(QMouseEvent *ev);

    //鼠标释放
    virtual void mouseReleaseEvent(QMouseEvent *ev);

    //鼠标移动
    virtual void  mouseMoveEvent(QMouseEvent *ev);

在.cpp重写虚函数-----实现需求

#include "mylabel.h"
#include <QDebug>
#include <QMouseEvent>

//鼠标进入事件
void myLabel::enterEvent(QEvent *event)
{
   qDebug() << "鼠标进入了";

}

//鼠标离开事件
void myLabel::leaveEvent(QEvent *)
{
   qDebug() << "鼠标离开了";
}

//鼠标按下
void myLabel::mousePressEvent(QMouseEvent *ev)
{

    //当鼠标左键按下  提示信息
      if( ev->button() ==  Qt::LeftButton)
      {
        QString str = QString( "鼠标按下了 x = %1   y = %2  globalX = %3 globalY = %4 " ).arg(ev->x()).arg(ev->y()).arg(ev->globalX()).arg(ev->globalY());
        qDebug() << str;
      }
}

//鼠标释放
void myLabel::mouseReleaseEvent(QMouseEvent *ev)
{

     if( ev->button() ==  Qt::LeftButton)
     {
      QString str = QString( "鼠标释放了 x = %1   y = %2  globalX = %3 globalY = %4 " ).arg(ev->x()).arg(ev->y()).arg(ev->globalX()).arg(ev->globalY());
      qDebug() << str;
     }

}

//鼠标移动
void myLabel::mouseMoveEvent(QMouseEvent *ev)
{
    if( ev->buttons() & Qt::LeftButton )
    {
    QString str = QString( "鼠标移动了 x = %1   y = %2  globalX = %3 globalY = %4 " ).arg(ev->x()).arg(ev->y()).arg(ev->globalX()).arg(ev->globalY());

    qDebug() << str;
   }
}

2.1.2.传入参数QMouseEvent

在这里插入图片描述

可用于判断左右键、鼠标坐标

ev->x() x坐标  ev->y() y坐标
ev->button() 可以判断所有按键 Qt::LeftButton  Qt::RightButton
ev->buttons() 判断组合按键  判断move时候的左右键  结合 &位与 操作符

2.1.3.设置鼠标追踪

在构造函数加setMouseTracking(true);则鼠标移动时无需按下鼠标

3.定时器

3.1.实现方法一（不推荐）

①.h中添加事件 void timerEvent ( QTimerEvent * ev)

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

    //重写定时器的事件
    void timerEvent(QTimerEvent *);

    int id1; //定时器1的唯一标示
    int id2; //定时器2的唯一标示
    
private:
    Ui::Widget *ui;
};

#endif // WIDGET_H

②启动定时器 startTimer( 1000) 毫秒单位

如需要多个定时timerEvent 的返回值是定时器的唯一标示 可以和ev->timerId 做比较

注意定时时间 变量 要定义为 static int

#include "widget.h"
#include "ui_widget.h"
#include <QTimer> //定时器类
#include <QDebug>
Widget::Widget(QWidget *parent) :
    QWidget(parent),
    ui(new Ui::Widget)
{
    ui->setupUi(this);

    //启动定时器
    id1 = startTimer(1000); //参数1  间隔  单位 毫秒

    id2 = startTimer(2000);
}


void Widget::timerEvent(QTimerEvent * ev)
{
    if(ev->timerId() == id1)
    {
        //label2 每隔1秒+1
        static int num = 1;
        ui->label_2->setText(  QString::number(num++));
    }

    if(ev->timerId() == id2)
    {
       //label3  每隔2秒 +1
       static int num2 = 1;
       ui->label_3->setText(  QString::number(num2++));
    }

}

3.2.实现方法二（强推）

想有多个计时器就创建多个QTimer * timer 即可
timer->stop()可停止计时

原理：每隔一定毫秒，发送信号 timeout ,进行监听

#include "widget.h"
#include "ui_widget.h"
#include <QTimer> //定时器类
Widget::Widget(QWidget *parent) : QWidget(parent),ui(new Ui::Widget)
{
    ui->setupUi(this);
    //定时器第二种方式
    QTimer * timer = new QTimer(this);
    //启动定时器
    timer->start(500);

    connect(timer,&QTimer::timeout,[=](){
        static int num = 1;
        //label4 每隔0.5秒+1
         ui->label_4->setText(QString::number(num++));
    });
}

4.Qt绘图

我们可以把**QPainter**理解成画笔；把**QPaintDevice**理解成使用画笔的地方

绘图设备是指继承QPainterDevice的子类
Qt一共提供了4+1个子类：QPixmap、QBitmap、QImage、QPicture
Qwidget 也为 Qpaintdevice子类 也是个绘图设备

虚函数——void paintEvent(QPaintEvent *) 会自动 调用，不用在手动调用

4.1.Qwidget 为绘图设备

step1.在Widget.h里创建绘图event
public:
    explicit Widget(QWidget *parent = 0);
    ~Widget();

    //绘图事件--打（ 按tab键自动补全 参数
    void paintEvent(QPaintEvent *);
step2.在Widget.cpp里实现paintEvent（）
#include "widget.h"
#include "ui_widget.h"
#include <QPainter> //画家类

    //实例化画家对象  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::Dense7Pattern);
    //让画家使用画刷
    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));  //从（20，20）画50*50矩阵

    //画文字
    painter.drawText(QRect(10,200,150,50) , "好好学习，天天向上");
step3.QPainter高级设置
抗锯齿移动画家保存画家状态还原画家状态（上一个保存点）
painter.setRenderHint(QPainter::Antialiasing)painter.translate(100,0)painter.save()painter.restore()
    QPainter painter(this);
    painter.drawEllipse(QPoint(100,50) , 50,50);
    //设置 抗锯齿能力  效率较低
    painter.setRenderHint(QPainter::Antialiasing);
    painter.drawEllipse(QPoint(200,50) , 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();
    painter.drawRect(QRect(20,20,50,50));
例子：利用画家画图片

点击移动按钮，移动图片

手动调用绘图事件利用画家画图片
利用update（）painter.drawPixmap( x，y，QPixmap(“：路径”) )
Widget::Widget(QWidget *parent) :
    QWidget(parent),
    ui(new Ui::Widget)
{
    ui->setupUi(this);
    
    //点击移动按钮，移动图片
    connect(ui->pushButton,&QPushButton::clicked,[=](){

        posX+=20;
        //如果要手动调用绘图事件 用update更新
        update();
    });
}


void Widget::paintEvent(QPaintEvent *)
{
     //**************利用画家 画资源图片**************//
     QPainter painter(this);
     QPixmap pix = QPixmap(":/Image/Luffy.png");

    //如果超出屏幕 从0开始
     if(posX >= this->width())
     {
         posX = -pix.width();
     }
     painter.drawPixmap(posX,0,pix);
}

4.2.QBitmap为绘图设备

QBitmap是QPixmap的一个子类，它用于画黑白图，可以使用
QPixmap的isQBitmap()函数来确定这个QPixmap是不是一个QBitmap

void PaintWidget::paintEvent(QPaintEvent *)
{
    QPixmap pixmap(":/Image/butterfly.png");
    QPixmap pixmap1(":/Image/butterfly1.png");
    QBitmap bitmap(":/Image/butterfly.png");
    QBitmap bitmap1(":/Image/butterfly1.png");

    QPainter painter(this);
    painter.drawPixmap(0, 0, pixmap);
    painter.drawPixmap(200, 0, pixmap1);
    painter.drawPixmap(0, 130, bitmap);
    painter.drawPixmap(200, 130, bitmap1);
}

在这里插入图片描述

4.3.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);  //指定画布 （上面都写this）
    painter.setPen(QPen(Qt::green));
    painter.drawEllipse(QPoint(150,150) , 100,100);
    //保存
    pix.save("E:\\pix.png");
}

4.4.QImage为绘图设备

可以对像素进行访问

#include "widget.h"
#include "ui_widget.h"
#include <QPainter>
#include <QImage>
Widget::Widget(QWidget *parent) :
    QWidget(parent),
    ui(new Ui::Widget)
{	
    //QImage 绘图设备  可以对像素进行访问
    QImage img(300,300,QImage::Format_RGB32);
    img.fill(Qt::white);

    QPainter painter(&img);
    painter.setPen(QPen(Qt::blue));
    painter.drawEllipse(QPoint(150,150) , 100,100);

    //保存
    img.save("E:\\img.png");
 }

读取图片按像素读取，可修改

void Widget::paintEvent(QPaintEvent *)
{
    QPainter painter(this);
    //利用QImage 对像素进行修改
    QImage img;
    img.load(":/Image/Luffy.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);
 }

4.5.QPicture为绘图设备

记录和重现 绘图指令

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

Widget::Widget(QWidget *parent) :
    QWidget(parent),
    ui(new Ui::Widget)
{
    //QPicture 绘图设备  可以记录和重现 绘图指令
    QPicture pic;
    QPainter painter;
    painter.begin(&pic);  //开始往pic上画
    painter.setPen(QPen(Qt::cyan));
    painter.drawEllipse(QPoint(150,150) , 100,100);
    painter.end(); //结束画画

    //保存到磁盘   后缀名自己取
    pic.save("E:\\pic.hxy");
 }

//************在paintEvent中 重现**************//

void Widget::paintEvent(QPaintEvent *)
{
    QPainter painter(this);
    //重现QPicture的绘图指令
    QPicture pic;
    pic.load("E:\\pic.hxy");
    painter.drawPicture(0,0,pic);
}

5.文件IO

5.1.QFile 对文件进行读写操作

例子：在这里插入图片描述

5.1.1.读
#include "widget.h"
#include "ui_widget.h"
#include <QFileDialog>
#include <QFile>
#include <QTextCodec>

Widget::Widget(QWidget *parent) :
    QWidget(parent),
    ui(new Ui::Widget)
{
    ui->setupUi(this);
    
    //点击选取文件按钮，弹出文件对话框
    connect(ui->pushButton,&QPushButton::clicked,[=]()
    {
        QString path = QFileDialog::getOpenFileName(this,"打开文件","C:\\Users\\zhangtao\\Desktop");
        //将路径放入到lineEdit中
        ui->lineEdit->setText(path);
        
        //*************读取内容 放入到 textEdit中*******//
       
        //**step1：创建QFile 对象
        QFile file(path); //参数就是读取文件的路径
        
        //**step2：设置打开方式——读，写
        file.open(QIODevice::ReadOnly);
        
        //**step3：读取文件
        //1.全部读取
        //QByteArray array = file.readAll();  
        //2.按行读
        QByteArray array;
        while( !file.atEnd())
        {
            array += file.readLine(); 
        }
        
        //**step4：将读取到的数据 放入textEdit中
        //1.utf-8 格式直接放
        ui->textEdit->setText(array);
        //2.其他格式转
        // QFile默认支持的格式是 utf-8        
        //QTextCodec * codec = QTextCodec::codecForName("gbk"); //编码格式类
        //ui->textEdit->setText( codec->toUnicode(array)  );

        //**step5：对文件对象进行关闭
        file.close();
     });
}
5.1.2.写
        //进行写文件
        file.open(QIODevice::Append); //用追加方式进行写
        file.write("啊啊啊啊啊");
        file.close();

5.2.QFileInfo 读取文件信息

#include "widget.h"
#include "ui_widget.h"
#include <QFile>
#include <QFileInfo>
#include <QDebug>
#include <QDateTime>
      
  //QFileInfo 文件信息类
  QFileInfo info(path);

  qDebug() << "大小：" << info.size() << " 后缀名：" << info.suffix() << " 文件名称："<<info.fileName() << " 文件路径："<< info.filePath();
  qDebug() << "创建日期：" << info.created().toString("yyyy/MM/dd hh:mm:ss");
  qDebug() << "最后修改日期："<<info.lastModified().toString("yyyy-MM-dd hh:mm:ss");

6.事件分发器&事件过滤器（了解）

在这里插入图片描述

YU___________
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
qt-vs-addin-1.2.5+qt-creator-5.0.3
06-27
qt-vs-addin-1.2.5 可用在vs2010 的插件 qt-creator-5.0.3 这个版本好看，功能强大,界面好看。
qt3d-everywhere-src-6.0.0.zip
04-14
QT 3D源代码分享，QT5
Qt-Advanced-Docking-System-master
08-12
Qt-Advanced-Docking-System-master
QT从入门到实战x篇_22_事件：鼠标事件（控件与事件连接）
分享学习成长历程，Winter is coming！
11-24 3755
事件是Qt中十分重要的功能 我们来看一个比较常用的鼠标进入的enterEvent函数 这里面包含类的使用说明及相关函数，可以看到，鼠标离开的事件函数为leaveEvent()。 可以看到这是一个QWidget类的函数，其属性为[virtual protected]，代表这个函数时可以被覆盖重写的（此处可以参考C++中虚函数及多态进行理解） [virtual protected] void QWidget::enterEvent(QEvent *event) 实现功能：鼠标进入一个label就显示一段话
【QT】QT事件Event大全
qq_40041064的博客
09-25 501
本文分享QT中的事件Event技术，主要从QT事件流程和常用QT事件方法等方面展开，希望对各位小伙伴有所帮助！我将收获到的：1.2.3.目录前言1. QEvent事件概述2.代码说明事件执行流程QApplication的notify函数zxWidget的eventFilter函数3.1. QEvent事件概述QEvent是QT中所有事件的基类，包括鼠标事件、键盘事件、QPaintEvent重绘事件、Timer事件、Drop事件。
Qt学习笔记-DAY1
YU的博客
12-26 412
Qt学习笔记-DAY1 目录Qt学习笔记-DAY11.简介2.创建一个Qt项目2.1 创建2.2 mian.cpp分析2.3 工程文件分析2.3 头文件分析2.4 代码架构分析3.Qt 若干重要概念3.1 命名规范&快捷键&帮助文档3.2 对象树3.3 坐标系3.4 信号&槽(信号的处理)3.5 Lambda表达式（相当于一个万能的槽）4.控件—Qpushbutton4.1 按钮控件常用api4.2 第一种创建4.3 第二种创建 1.简介 2.创建一个Qt项目 2.1 创建
QT学习笔记---day1
m0_64248152的博客
03-02 190
QT QPushButton QT中的对象树 QT中的坐标系 左上角为（0,0）点 QT中的信号槽 案例：点击按钮 关闭窗口 connect(信号发送者，发送的信号，信号接受者，处理的槽函数) 自定义信号和槽 头文件——>自定义信号写到signal下 connect(老师，老师饿了(信号)，学生，请客(槽函数)) teacher类头文件： class Teacher : public QObject { Q_OBJECT public: explicit Teacher(QObj
Qt学习笔记-DAY2
YU的博客
12-29 226
Qt学习笔记-DAY2 目录Qt学习笔记-DAY21. 1. #include "mainwindow.h" #include <QMenuBar> #include <QToolBar> #include <QDebug> #include <QPushButton> #include <QStatusBar> #include <QLabel> #include <QDockWidget> #include <QT
QT学习笔记-初识FFmpeg
03-27
FFmpeg简单了解
Qt学习笔记--图形视图框架
10-03
Qt学习笔记--图形视图框架很好的，步骤清楚，手把手的教你使用Qt绘制图形视图
Qt学习（5）Qt中的事件
bareheadedman的博客
02-20 650
1 Qt中的事件 1.1 鼠标事件 1.2 鼠标进入事件 enterEvent 1.3 鼠标离开事件 leaveEvent 1.4 鼠标按下 mousePressEvent ( QMouseEvent *ev) 1.5 鼠标释放 mouseReleaseEvent 1.6 鼠标移动 mouseMoveEvent 1.7 ev->x() x坐标 ev->y() y坐标...
Qt学习05：Event事件（处理分发传播与过滤）
ylh的博客
06-12 3072
Qt学习记录 - Event事件消息处理详解
Qt--事件分发器
SNAKEpc12138的博客
05-24 1105
在 Qt 中，事件分发器(Event Dispatcher)是一个核心概念，用于处理 GUI 应用程序中的事件。事件分发器负责将事件从一个对象传递到另一个对象，直到事件被处理或被取消。每个继承自QObject或QObject的类都可以在本类中重写bool event(QEvent *e)，来实现相关事件的捕获和拦截。
CMake是怎么找到Qt相关模块的
FUHAILIANG_2015的博客
05-28 437
一般我们不会在CMakeLists里面硬编码CMAKE_PREFIX_PATH，推荐通过环境变量找到模块。深入了解find_package之后，我们就明白COMPONENTS其实是一个选项，列出来了必选的模块。当我们使用QT创建了一个CMake项目后，我们尝试使用CMake编译时，会遇到找不到Qt的模块的问题，Qt的模块是放在Qt/5.15.2/clang_64/lib/cmake，所以我们只需要配置。记得将QT_DIR环境变量放到PATH中，因为find_package会从PATH中寻找。
【如何在Qt C++中使用SSL和TLS加密传输数据？】
m0_45463480的博客
05-28 288
在这个示例中，我们创建了一个简单的Qt应用程序，向指定的HTTPS地址发送请求，并显示响应。信号来处理响应数据。您可以从响应中读取数据并进行进一步处理。来配置SSL/TLS连接，包括对证书进行验证和加密要求等。为您要访问的实际URL，并根据需要进一步配置SSL策略。在发送请求之前，可设置SSL配置。确保您的Qt项目已经链接了网络模块（对象发送网络请求，并接收响应。对象指定要访问的URL。
qt QGroupBox radiobutton
jacke121的专栏
06-01 220
qt QGroupBox radiobutton
VS2022+QT5.15.2+MySQL8.4大集合
我要上火星（停止更新，转为私人笔记）
05-31 873
此时目录\5.15.2\msvc2019_64\qtbase\src\plugins\sqldrivers\plugins\sqldrivers下会生成。网上的教程都建议用Qt5，不要用6，不死心的尝试了整整一天失败了，乖乖用回5，qt5需要编译一下生成mysql的动态和静态库。找到Qt安装目录下 \5.15.2\Src\qtbase\src\plugins\sqldrivers\mysql。将两个动态库拷贝到\5.15.2\Src\qtbase\src\plugins\sqldrivers、
[QT] MAC使用Qt Creator运行程序如何仅运行一个进程？
最新发布
Mz
06-02 173
大家刚开始使用QtCreator会发现每次run程序，都会出现一个程序进程，使得调试操作增加。如下，每次run都会出现一个demo14的进程。如何每次run后，就关闭上一次的进程，而重新拉起新进程呢？
qt笔记-aes解密
01-13
qt笔记是一款用于记录和管理个人资料的应用程序，其中可能包含一些加密的文档或笔记。如果需要对这些加密的文档进行解密，可以使用AES（高级加密标准）解密算法来完成。 首先，需要获取加密的文档，并确定使用的AES...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值