Qt学习笔记之图片的上下左右移动

阅读: 评论:0

Qt学习笔记之图片的上下左右移动

Qt学习笔记之图片的上下左右移动

自己找的图片太大,在移动的时候不明显,懒得再找图片,所以用了QPainter将图片画在了label上
代码如下

void Widget::paintEvent(QPaintEvent *)
{QPainter painter(this);QPixmap pix;pix.load(":img/move.png");//图片的位置painter.drawPixmap(picLabel->x(),picLabel->y(),picLabel->width(),picLabel->height(),pix);
}

将图片上下左右移动是通过重写keyPressEvent虚方法,在这个方法中捕捉按钮事件,用move移动位置
代码如下
widget.h

#ifndef WIDGET_H
#define WIDGET_H#include <QWidget>
#include <QLabel>
#include <QPainter>
#include <QKeyEvent>
#include <QDebug>class Widget : public QWidget
{Q_OBJECTpublic:Widget(QWidget *parent = 0);~Widget();
private:QLabel *picLabel;
protected:void paintEvent(QPaintEvent *);void keyPressEvent(QKeyEvent *event);void keyReleaseEvent(QKeyEvent *event);};#endif // WIDGET_H

widget.cpp

#include "widget.h"Widget::Widget(QWidget *parent): QWidget(parent)
{resize(500, 500);picLabel = new QLabel(this);picLabel->setFixedSize(50, 50);}
//将图片画在label
void Widget::paintEvent(QPaintEvent *)
{QPainter painter(this);QPixmap pix;pix.load(":img/move.png");//图片的位置painter.drawPixmap(picLabel->x(),picLabel->y(),picLabel->width(),picLabel->height(),pix);
}void Widget::keyPressEvent(QKeyEvent *event)
{int x = 0;int y = 0;switch (event->key()) {case Qt::Key_Up:y = picLabel->y() - 10;if(y > -10)picLabel->move(picLabel->x(), y);//向上移动就是x不变y减小break;case Qt::Key_Down:y = picLabel->y() + 10;if(y < this->height() - 40){picLabel->move(picLabel->x(), y);//向下移动是x不变y 变大}break;case Qt::Key_Right:x = picLabel->x() + 10;if(x < this->width() - 40){picLabel->move(x, picLabel->y());}break;case Qt::Key_Left:x = picLabel->x() - 10;if(x > -10)picLabel->move(x, picLabel->y());break;default:break;}
}void Widget::keyReleaseEvent(QKeyEvent *event)
{
}Widget::~Widget()
{}

main.cpp

#include "widget.h"
#include <QApplication>int main(int argc, char *argv[])
{QApplication a(argc, argv);Widget w;w.show();();
}

效果:

本文发布于:2024-01-29 07:17:32,感谢您对本站的认可!

本文链接:https://www.4u4v.net/it/170648385713620.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:上下左右   学习笔记   图片   Qt
留言与评论(共有 0 条评论)
   
验证码:

Copyright ©2019-2022 Comsenz Inc.Powered by ©

网站地图1 网站地图2 网站地图3 网站地图4 网站地图5 网站地图6 网站地图7 网站地图8 网站地图9 网站地图10 网站地图11 网站地图12 网站地图13 网站地图14 网站地图15 网站地图16 网站地图17 网站地图18 网站地图19 网站地图20 网站地图21 网站地图22/a> 网站地图23