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

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

并申明几个鼠标事件

自定义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,并实现滚轮放大缩小,移动等

 

上一篇:Qt qlabel 设置字体、大小、加粗等


下一篇:改变QLabel背景颜色