Qt键盘事件实现图片在窗口上下左右移动

 更新时间:2022年08月18日 16:05:35   作者:喝水怪~  
这篇文章主要为大家详细介绍了Qt键盘事件实现图片在窗口上下左右移动,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

本文实例为大家分享了Qt键盘事件实现图片在窗口上下左右移动,供大家参考,具体内容如下

标签(空格分隔): 键盘事件

一、项目内容:

新建桌面应用程序testKeyEvent,类名KeyEvent,基类QWidget,通过重写键盘事件到达操作的键盘的时候窗口中的图片上下左右移动,类似QtCreator设计模式下通过按键摆放部件时的效果。

二、实现细节

  • keyevent.h内容:
#ifndef KEYEVENT_H
#define KEYEVENT_H

#include <QWidget>

QT_BEGIN_NAMESPACE
namespace Ui { class keyEvent; }
QT_END_NAMESPACE

class keyEvent : public QWidget
{
    Q_OBJECT

public:
    keyEvent(QWidget *parent = nullptr);
    ~keyEvent();
    void drawPix();         //自定义成员函数用来在pixmap上绘制网格线和图片
protected:

    void keyPressEvent(QKeyEvent *event) override;      //重写键盘按下事件
    void paintEvent(QPaintEvent *event) override;       //重写绘图事件

private:
    Ui::keyEvent *ui;
    QPixmap *m_pix;
    QImage m_image;
    int m_startX;   //图标顶点的位置
    int m_startY;
    int m_width;    //界面的宽度和高度
    int m_height;
    int m_step;     //图片移动的步长

};
#endif // KEYEVENT_H
  • 构造函数:(初始化窗口大小、pximap、加载图片、要显示图片左上角的坐标)
keyEvent::keyEvent(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::keyEvent)
{
    ui->setupUi(this);
    setWindowTitle("键盘事件");
    setAutoFillBackground(true);
    setFixedSize(512,256);
    m_width=size().width();
    m_height=size().height();

    m_pix=new QPixmap(m_width,m_height);
    m_pix->fill(Qt::white);

    m_image.load("../car.png"); //当前工作目录默认Debug目录下,car.png在上一级目录下
    m_startX=100;
    m_startY=100;
    m_step=20;
    drawPix();
}
  • drawPix():定义Painter对象,并设置画笔(虚线),m_pix作为绘图设备,在上面绘制网格虚线,还有图片的位置信息
void keyEvent::drawPix()
{
    m_pix->fill(Qt::white);
    QPainter painter(this);
    QPen pen(Qt::DotLine); //虚线

    painter.begin(m_pix);   //m_pix为绘图设备
    painter.setPen(pen);

    //按照步长画纵向的网格虚线
    for(int i=m_step;i<m_width;i+=m_step){
        painter.drawLine(QPoint(i,0),QPoint(i,m_height));

    }
    //按照步长画横向的网格虚线
    for(int j=m_step;j<m_height;j+=m_step){
        painter.drawLine(QPoint(0,j),QPoint(m_width,j));
    }
    painter.end();

    //画图片
    painter.begin(m_pix);
    painter.drawImage(QPoint(m_startX,m_startY),m_image);
    painter.end();
}
  • 重写键盘事件

1、按下Ctrl+方向键一次图片移动一个像素的距离
2、普通方向键一次移动步长(m_step:20像素)的距离,ui界面下默认一次移动10个像素

void keyEvent::keyPressEvent(QKeyEvent *event)
{
    //按下ctrl键移动一个像素
    if(event->modifiers()==Qt::ControlModifier){
        if(event->key()==Qt::Key_Left){
            m_startX=(m_startX-1)<0?m_startX:m_startX-1;
        }else if(event->key()==Qt::Key_Right){
            m_startX=(m_startX+1+m_image.width())>m_width?m_startX:m_startX+1;
        }else if(event->key()==Qt::Key_Up){
            m_startY=(m_startY-1)<0?m_startY:m_startY-1;
        }else if(event->key()==Qt::Key_Down){
            m_startY=(m_startY+1+m_image.height())>m_height?m_startY:m_startY+1;
        }
    }else{
        //调整图片左上角的位置到网格顶点
        m_startX=m_startX+m_startX%m_step;
        m_startY=m_startY+m_startY%m_step;
        if(event->key()==Qt::Key_Left){
            m_startX=(m_startX-m_step)<0?m_startX:m_startX-m_step;
        }else if(event->key()==Qt::Key_Right){
            m_startX=(m_startX+m_step+m_image.width())>m_width?m_startX:m_startX+m_step;
        }else if(event->key()==Qt::Key_Up){
            m_startY=(m_startY-m_step)<0?m_startY:m_startY-m_step;
        }else if(event->key()==Qt::Key_Down){
            m_startY=(m_startY+m_step+m_image.height())>m_height?m_startY:m_startY+m_step;
        }
    }
    drawPix();  //刷新图片的位置
    update();//触发窗口重绘 ,执行paintEvent();

}
  • 重写QWidget类绘制事件

绘制事件触发的条件:(查阅Qt帮助文档)

1、repaint() or update() was invoked,
2、the widget was obscured and has now been uncovered, or
3、many other reasons.

void keyEvent::paintEvent(QPaintEvent *event)
{
    //定义Qpainter对象,设置窗口为绘图设备,在窗口绘制pixmap
    QPainter painter;
    painter.begin(this);//绘图设备为窗口
    painter.drawPixmap(QPoint(0,0),*m_pix);
    painter.end();


}

三、效果

可在任意位置移动小车

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

您可能感兴趣的文章:

相关文章

  • C语言time.h库函数的具体用法

    C语言time.h库函数的具体用法

    C语言的time.h头文件提供了一系列的函数和工具,用于处理时间和日期相关的操作,本文主要介绍了C语言time.h库函数的具体用法,感兴趣的可以了解一下
    2023-12-12
  • Opencv Hough算法实现图片中直线检测

    Opencv Hough算法实现图片中直线检测

    这篇文章主要为大家详细介绍了Opencv Hough算法实现图片中直线检测,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-12-12
  • C语言实现小型工资管理系统

    C语言实现小型工资管理系统

    这篇文章主要为大家详细介绍了C语言实现小型工资管理系统,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-02-02
  • C++实现LeetCode(148.链表排序)

    C++实现LeetCode(148.链表排序)

    这篇文章主要介绍了C++实现LeetCode(148.链表排序),本篇文章通过简要的案例,讲解了该项技术的了解与使用,以下就是详细内容,需要的朋友可以参考下
    2021-07-07
  • C语言详细讲解多维数组与多维指针

    C语言详细讲解多维数组与多维指针

    C 语言中的多维数组(multidimensional array)其实就是元素为数组的数组。多维指针根据声明的维数需要进行多次地址转换才能够取到目标数据。但指针作为数据变量,可以多次赋值,使其成为对数组操作访问的一大利器,所以指针和数组的结合才是重中之重
    2022-04-04
  • 人脸检测中AdaBoost算法详解

    人脸检测中AdaBoost算法详解

    这篇文章主要为大家详细介绍了人脸检测中AdaBoost算法的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-01-01
  • C语言实现扫雷小程序

    C语言实现扫雷小程序

    这篇文章主要为大家详细介绍了C语言实现扫雷小程序,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-08-08
  • C语言文件读写操作介绍与简单示例

    C语言文件读写操作介绍与简单示例

    这篇文章主要给大家介绍了关于C语言文件读写操作的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-01-01
  • C语言读写配置文件的方法

    C语言读写配置文件的方法

    这篇文章主要介绍了C语言读写配置文件的方法,包括C语言读写ini配置文件所涉及的文件读写技巧,以及完整的源文件及头文件实现方法,需要的朋友可以参考下
    2015-07-07
  • 深入解析C++中多态性和虚函数使用原理

    深入解析C++中多态性和虚函数使用原理

    这篇文章主要为大家介绍了深入解析C++中多态性和虚函数使用原理,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-05-05

最新评论