06-QT事件学习

小咪咪 2022-02-28 02:44 285阅读 0赞

QT中的所有事件都是基于QEvent的。例如：QMouseEvent继承自QInputEvent，QInputEvent继承自QEvent。

一. 重写QT事件

1. 以Label做示范，在帮助手册中查询QLabel，搜索event，找到Label带有的事件，我们可以自定义Label然后重写这些事件。  
2. 创建myLabel类，随意继承一个父类，然后在代码中将父类改为QLabel(此时要改三个位置：1. 导入的头文件； 2. 继承的父类； 3. cpp中的父类构造)。  
3. 在ui中，右键点击Label，将其提升为我们自己的Label(先点击添加，后点击提升)，之后就会看到右侧label对象所对应的类更改为myLabel。  
4. 为了使Label显示得更直观，我们可以将QFrame中的frameShape从NoShape做修改，可以改为Box等。  
5. 在mylabel.h里重写5个事件，并且在mylabel.cpp中实现，事件触发后打印到控制台。  
6. QMouseEvent提供了鼠标在窗体内的x、y坐标以及全局的x、y坐标。  
7. 可以通过ev->button()来判断按键；可以使用“==”也可以使用“&”；ev->button()可以返回组合件信息。

//鼠标进入
        void enterEvent(QEvent *event);
        //鼠标离开
        void leaveEvent(QEvent *event);
        //鼠标按下
        void mousePressEvent(QMouseEvent *ev);
        //鼠标松开
        void mouseReleaseEvent(QMouseEvent *ev);
        //鼠标移动
        void mouseMoveEvent(QMouseEvent *ev);

//鼠标进入
    void myLabel::enterEvent(QEvent *) {
        qDebug() << "鼠标进入";
    }
    
    //鼠标离开
    void myLabel::leaveEvent(QEvent *) {
        qDebug() << "鼠标离开";
    }
    
    //鼠标按下
    void myLabel::mousePressEvent(QMouseEvent *ev) {
        qDebug() << "鼠标按下";
        if (Qt::LeftButton & ev->button())
            qDebug() << QString("x = %1, y = %2, global_x = %3, global_y = %4")
                        .arg(ev->x()).arg(ev->y()).arg(ev->globalX()).arg(ev->globalY());
    }
    
    //鼠标松开
    void myLabel::mouseReleaseEvent(QMouseEvent *ev) {
        qDebug() << "鼠标松开";
        if (Qt::LeftButton == ev->button())
            qDebug() << QString("x = %1, y = %2, global_x = %3, global_y = %4")
                        .arg(ev->x()).arg(ev->y()).arg(ev->globalX()).arg(ev->globalY());
    }
    
    //鼠标移动
    void myLabel::mouseMoveEvent(QMouseEvent *ev) {
        qDebug() << "鼠标移动";
        qDebug() << QString("x = %1, y = %2, global_x = %3, global_y = %4")
                    .arg(ev->x()).arg(ev->y()).arg(ev->globalX()).arg(ev->globalY());
    }

二. 事件过滤器和事件分发器

将事件过滤器和事件分发器中做拦截时的返回值注释掉，可以观察到输出打印的顺序：事件分拦截器 -> 事件分发器 -> 重写的具体事件中的输出。![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0hlbGxvX015RHJlYW0_size_16_color_FFFFFF_t_70][]

事件过滤器：  
1. 要在Widget中进行编写，先返回QWidget中的eventFilter方法，否则就会拦截全部事件。  
2. 使用ui->label->installEventFilter(this);安装事件过滤器。  
3. 在重写的过滤器方法中使用obj参数与ui->label进行比较，判断事件是谁的。  
4. 将QEvent强转为QMouseEvent来判断事件类型。  
5. 调用ev->button()判断具体事件，返回true表示对事件进行拦截。

Widget::Widget(QWidget *parent) :
        QWidget(parent),
        ui(new Ui::Widget)
    {
        ui->setupUi(this);
        ui->label->installEventFilter(this);
    }
    
    //事件过滤器
    bool Widget::eventFilter(QObject *watched, QEvent *event) {
        if (obj == ui->label) { //判断事件是谁    
            if (QEvent::MouseButtonPress == e->type()) { //调用type方法判断事件类型
                QMouseEvent *ev = static_cast<QMouseEvent *>(e);
                if (Qt::LeftButton == ev->button()) {
                    qDebug() << "事件分发器里，捕获鼠标左键按下事件";
                    //return true;
                }
            }
        }
        
        return QWidget::eventFilter(watched, event); //需要调用父类的方法，否则就会将所有的事件全部过滤掉。
    }

事件分发器：内容与上面代码相似，不多做赘述。

//事件分发器
    bool myLabel::event(QEvent *e) {
        if (QEvent::MouseButtonPress == e->type()) {
            QMouseEvent *ev = static_cast<QMouseEvent *>(e);
            if (Qt::LeftButton == ev->button()) {
                qDebug() << "事件分发器里，捕获鼠标左键按下事件";
                return true;
            }
        }
        return QLabel::event(e); //调用父类的事件分发器正常分发事件
    }

三. 定时器事件

定时器是操作提供提供的一个事件，不需要用户的操作来触发。在QT中，每个控件都有一个定时器事件，我们可以通过重写QWidget的定时器事件来事件现有控件的定时计划。

1. 使用定时器事件实现定时器；继承自QEvent，属于事件。

public:
        explicit Widget(QWidget *parent = 0);
        ~Widget();
        void timerEvent(QTimerEvent *e);
        static int num1;
        static int num2;
        int timerId1 = 0;
        int timerId2 = 0;

Widget::Widget(QWidget *parent) :
        QWidget(parent),
        ui(new Ui::Widget)
    {
        ui->setupUi(this);
    
        QFont ft;
        ft.setPointSize(32);
        ui->label->setFont(ft);
        ui->label_2->setFont(ft);
    
        this->timerId1 = this->startTimer(1000); //启动定时器
        this->timerId2 = this->startTimer(2000);
    }
    
    int Widget::num1 = 0;
    int Widget::num2 = 0;
    
    Widget::~Widget()
    {
        delete ui;
    }
    
    void Widget::timerEvent(QTimerEvent *e) {
        if (e->timerId() == this->timerId1) {
            ui->label->setText(QString::number(Widget::num1++));
        }
        if (e->timerId() == this->timerId2) {
            ui->label_2->setText(QString::number(Widget::num2++));
        }
    }

2. 使用定时器类实现定时器(使用较多)；不属于事件，直接继承自QObject。

QTimer *timer = new QTimer(this);
        timer->start(500);
        connect(timer, &QTimer::timeout, [=](){
            ui->label_3->setText(QString::number(Widget::num3++));
        });

注意：  
1. 可以设置图形凹陷和突出：frameShadow  
2. QT全局变量类内全局变量需要在类外的全局区域内赋值，否则会报“未定义引用”的错误。

四. 绘图事件

绘图事件与定时器事件类似，一般也是由系统自动触发的。

1. 以下为画图事件的基本用法：画家、画笔、画刷。

void Widget::paintEvent(QPaintEvent *e) {
        QPainter p(this); //请画家，在this窗口上进行图形绘制
    
        QPen pen; //创建画笔
        pen.setColor(QColor(255, 0, 0));
        pen.setWidth(2);
        pen.setStyle(Qt::DashLine);
        p.setPen(pen); //画家拿笔
    
        QBrush brush(Qt::green); //创建画刷
    //    brush.setColor(Qt::green);
        brush.setStyle(Qt::Dense4Pattern);
        p.setBrush(brush); //画家拿刷
    
        p.drawLine(0, 0, 150, 150); //画直线
        p.drawEllipse(QPoint(150, 150), 80, 50); //画椭圆
        p.drawRect(30, 30, 60, 80); //画矩形
        p.drawText(QRect(200, 200, 150, 50), "好好学习，天天向上"); //画字
    }

2. 抗锯齿：效果好，性能差。

QPainter p(this); //请画家
        p.drawEllipse(QPoint(100, 150), 80, 80);
        p.setRenderHint(QPainter::Antialiasing); //抗锯齿
        p.drawEllipse(QPoint(300, 150), 80, 80);

3. 画家位置：移动、保存与还原。

p.drawRect(30, 50, 50, 50); 
        p.translate(100 ,0); //移动画家
        p.save(); //保存画家位置
        p.drawRect(30, 50, 50, 50);
        p.translate(100 ,0);
        p.restore(); //恢复画家位置
        p.drawRect(30, 50, 50, 50); //与第二个圆位置重合

4. 点击按钮图片移动：需要调用窗口的update函数来刷新窗口以触发绘图事件；绘图事件也会在窗口最小化和还原的时候触发。

connect(ui->pushButton, &QPushButton::clicked, [=](){
            this->posX += 20; 
            if (this->posX > this->width()) {
                this->posX = 0;
            }
            this->update(); 
        });

void Widget::paintEvent(QPaintEvent *e) {
        QPainter p(this); //请画家
        QPixmap pix; //创建图片对象
        pix.load(":/Image/dg.PNG"); //加载图片
        p.drawPixmap(posX, 50, 100, 100, pix); //画图片
    }

五. 绘图设备

画家(QPainter)通过绘图引擎(QPaintEngine)向绘图设备(QPaintDevice)上绘制图片。  
1. QWidget也是一个绘图设备，它继承自QObject和QPaintDevice。  
2. QT中还提供了4个绘图设备类，分别是：QPixmap、QBitmap、QImage、QPicture。

QPixmap：专门为图像在屏幕上的显示做了优化。

QPixmap pix(300, 300); //创建绘图设备
        pix.fill(Qt::white); //北京填充
        QPainter p(&pix); //创建画家
    
        QPen pen(Qt::red);
        pen.setWidth(2);
        p.setPen(pen);
    
        p.drawEllipse(QPoint(150, 150), 100, 100); //画圆
        pix.save("C:\\Users\\lenovo\\Desktop\\pix.png"); //保存pix

QBitmap： 是QPixmap的一个子类，它的色深限定为1，可以使用 QPixmap的isQBitmap()函数来确定这个QPixmap是不是一个QBitmap。

QBitmap bix(300, 300); //创建绘图设备
        bix.fill(Qt::white); //北京填充
        QPainter p(&bix); //创建画家
    
        QPen pen(Qt::red);
        pen.setWidth(2);
        p.setPen(pen);
    
        p.drawEllipse(QPoint(150, 150), 100, 100); //画圆
        bix.save("C:\\Users\\lenovo\\Desktop\\bix.png"); //保存bix

QImage：专门为图像的像素级访问做了优化。

QImage img(300, 300, QImage::Format_RGB32); //创建绘图设备
        img.fill(Qt::white); //北京填充
        QPainter p(&img); //创建画家
    
        QPen pen(Qt::red);
        pen.setWidth(2);
        p.setPen(pen);
    
        p.drawEllipse(QPoint(150, 150), 100, 100); //画圆
        img.save("C:\\Users\\lenovo\\Desktop\\img.png"); //保存img

QImage img;
        img.load("C:\\Users\\lenovo\\Desktop\\img.png"); //加载图片
        QRgb value = qRgb(0, 255, 0); //红 绿 蓝
        for (int x = 30; x < 70; x++) {
            for (int y = 130; y < 170; y++) {
                img.setPixel(x, y, value); //修改像素点 x、y、颜色
            }
        }
        img.save("C:\\Users\\lenovo\\Desktop\\img_change.png");

QPicture：可以记录和重现QPainter的各条命令。

Widget::Widget(QWidget *parent) :
        QWidget(parent),
        ui(new Ui::Widget)
    {
        ui->setupUi(this);
    
        QPicture pic;
        QPainter p;
        p.begin(&pic); //开始记录
    
        QPen pen(Qt::red);
        pen.setWidth(2);
        p.setPen(pen);
    
        p.drawEllipse(QPoint(150, 150), 100, 100);
        p.end(); //结束记录
    
        pic.save("C:\\Users\\lenovo\\Desktop\\img_change.png");
    }
    
    void Widget::paintEvent(QPaintEvent *e) {
        QPainter p(this);
        QPicture pic;
        pic.load("C:\\Users\\lenovo\\Desktop\\img_change.png"); //加载记录命令的绘图文件。
        p.drawPicture(0, 0, pic); //复现pic里记录的绘图指令，绘制到widget窗口上。
    }

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0hlbGxvX015RHJlYW0_size_16_color_FFFFFF_t_70]: /images/20220228/edb54a340fa24d528a6d5363a41cf463.png