自定义QLabel，并实现滚轮放大缩小，移动等

本文主要是介绍自定义QLabel，并实现滚轮放大缩小，移动等，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

第一步：自定义一个class并继承自QLabel

并申明几个鼠标事件

第二步：重写paintEvent事件(完成绘图) 

void MyLabel::paintEvent(QPaintEvent *event)

{

　　if(LocalFileName.isNull())              //QString LocalFileName 这是图像路径

　　{

　　　　return QWidget::paintEvent(event);

　　}

　　//加载图片

　　if(Image.load(LocalFileName))

　　{

　　　　QPainter painter(this);

　　　　//根据窗口计算应该显示的图片的大小

　　　　int width = qMin(Image.width() , this->width());                                                //返回较小值

　　　　int height = (width * 1.0)/(Image.width()*1.0 / Image.height());                        //  width / height  图像跟label会根据宽对齐。 height / width则根据长对齐 

　　　　height = qMin(height , this->height());

　　　　width = height * 1.0 *(Image.width() *1.0 / Image.height());

　　　　// 平移

　　　　painter.translate(this->width() / 2 + X_move, this->height() /2 + Y_move);     // int X_move , Y_move ; x y 轴平移的距离

　　　　// 缩放

　　　　painter.scale(ZoomValue , ZoomValue);                                                        //qreal ZoomValue ；鼠标缩放位置

　　　　// 绘制图像

　　　　QRect pecRect(-width / 2 , -height /2 , width , height);                                  //画显示框  前两个参数是坐标原地(0，0 在label 中心) 后两个天参数是长宽

　　　　painter.drawImage(pecRect , Image);

　　}else{

　　　　qDebug() << "load failed"; 

　　} 

}

写鼠标左键事件

void MyLabel::contextMenuEvent(QContextMenuEvent *event)

{　

　　QPoint pos = event->pos();                                                                                     //获取鼠标坐标pos;

　　pos = this->mapToGlobal(pos);                                                                               //坐标转换为全局屏幕坐标

　　//以上两步确认鼠标右键以后生成menu的位置跟随鼠标的当前位置

　　//生成右键事件

　　QMenu* menu = new QMenu(this);　　

　　//加载图片动作

　　QAction *loadImage = new QAction(this);

　　loadImage->setText(QString::fromLocal8Bit("选择图片"));

　　connect(loadImage , &QAction::triggered , this , &MyLabel::OnSelectImage);       //OnSelectImage 槽函数

　　menu->addAction(loadImage);                                                                                //将loadImage操作附加到menu的操作列表

　　//menu->addSeparator();                                                                                          //添加动作到菜单中

　　//放大动作

　　QAction* zoomInAction = new QAction(this);
　　zoomInAction->setText(QString::fromLocal8Bit("放大"));
　　connect(zoomInAction , &QAction::triggered , this , &MyLabel::OnZoomInImage); //OnZoomInImage 槽函数
　　menu->addAction(zoomInAction);

　　//缩小动作

　　QAction* zoomOutAction = new QAction(this);

　　zoomOutAction->setText(QString::fromLocal8Bit("缩小"));

　　connect(zoomOutAction , &QAction::triggered , this , &MyLabel::OnZoomOutImage); //OnZoomOutImage 槽函数

　　menu->addAction(zoomOutAction);

　　//还原动作

　　QAction* presetAction = new QAction(this);

　　presetAction->setText(QString::fromLocal8Bit("还原"));

　　connect(presetAction , &QAction::triggered , this , &MyLabel::OnPresetImage);          //OnPresetImage 槽函数

　　menu->addAction(presetAction);　

　　menu->exec(pos);                                                                                                         //在鼠标位置出 执行

}

左键事件里的槽函数：

void MyLabel::OnSelectImage()

{

　　LocalFileName = QFileDialog::getOpenFileName(this , "Open Image" , "./" , tr("Image (*.png *.xpm *.jpg)"));

　　QFile file(LocalFileName);

　　if(!file.exists()){

　　qDebug() << "error img";

　　return;

　　}

　　// 初始化 缩放量以及 xy轴坐标偏移量

　　ZoomValue = 1.0;

　　X_move= 0;

　　Y_move= 0;

　　update();

}

void MyLabel::OnZoomInImage()

{

　　ZoomValue += 0.05;

　　update();

}

void MyLabel::OnZoomOutImage()

{

　　ZoomValue -= 0.05;

　　if(ZoomValue <= 0)

　　{

　　　　ZoomValue = 0.05;

　　　　return;

　　}

　　update();

}

void MyLabel::OnPresetImage()

{

　　ZoomValue = 1.0;

　　X_move= 0;

　　Y_move= 0;

　　update();

}

实现鼠标其他事件

void MyLabel::wheelEvent(QWheelEvent *event)                                 //鼠标滚轮事件

{

　　int value = event->delta();

　　if(value > 0) //放大

　　　　OnZoomInImage();

　　else //缩小

　　　　OnZoomOutImage();

　　update();

}

void MyLabel::mousePressEvent(QMouseEvent *event)            //鼠标按下

{

　　old_pos = event->pos();

　　Pressed = true;

}

void MyLabel::mouseMoveEvent(QMouseEvent *event)             //鼠标移动事件

{

　　if(!Pressed)

　　　　return QWidget::mouseMoveEvent(event);

　　this->setCursor(Qt::SizeAllCursor);

　　QPoint pos = event->pos();

　　int xPtInterval = pos.x() - old_pos.x();

　　int yPtInterval = pos.y() - old_pos.y();

　　X_move+= xPtInterval;

　　Y_move+= yPtInterval;

　　old_pos = pos;

　　update();

}

void MyLabel::mouseReleaseEvent(QMouseEvent *event)       //鼠标释放事件

{

　　Q_UNUSED(event);

　　Pressed = false;

　　setCursor(Qt::ArrowCursor);

}

Mylabel.h截图

这篇关于自定义QLabel，并实现滚轮放大缩小，移动等的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！