QCustomPlot实现矩形区域缩放图表以及修改为右键拖动

2024-01-12 01:59
文章标签 实现 图表 区域 修改 缩放 矩形 qcustomplot 键拖动

本文主要是介绍QCustomPlot实现矩形区域缩放图表以及修改为右键拖动，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

右键拖动

Ctrl+F搜索void QCPAxisRect::mousePressEvent(QMouseEvent *event)

函数圆形如下：

把Qt::LeftButton改为Qt::RightButton

void QCPAxisRect::mousePressEvent(QMouseEvent *event)
{
  mDragStart = event->pos(); // need this even when not LeftButton is pressed, to determine in releaseEvent whether it was a full click (no position change between press and release)
  if (event->buttons() & Qt::Left)// 鼠标右键移动
  {
    mDragging = true;
    // initialize antialiasing backup in case we start dragging:
    if (mParentPlot->noAntialiasingOnDrag())
    {
      mAADragBackup = mParentPlot->antialiasedElements();
      mNotAADragBackup = mParentPlot->notAntialiasedElements();
    }
    // Mouse range dragging interaction:
    if (mParentPlot->interactions().testFlag(QCP::iRangeDrag))
    {
      if (mRangeDragHorzAxis)
        mDragStartHorzRange = mRangeDragHorzAxis.data()->range();
      if (mRangeDragVertAxis)
        mDragStartVertRange = mRangeDragVertAxis.data()->range();
    }
  }
}

意图

我们知道图表有些基本的功能，比如放大（ZoomIn）、缩小（ZoomOut）、拖拽（Drag）、恢复（1：1或ZoomReset）。这些功能QCustomPlot已经几乎都有了，但是选择矩形区域进行缩放的功能没有给出很好的接口，这可能就要我们自己实现了，这就是写这篇文章的目的。

实现

QCustomPlot本身有缩放的功能，但是没有实现矩形缩放的接口，所以实现的话无非是在图表上面实现鼠标选择的矩形区域，然后进行比例缩放。我们借助Qt自带的QRubberBand来实现矩形选择区域。看帮助文档和源码，我们可以看到当鼠标在图表区域上的时候，包括鼠标按下，移动，释放，这些动作会发送信号。所以有两种方法实现，第一种方法我们只要以父控件实现槽函数来绑定这些信号来做特定处理就行了。第二种方法实现QCustomPlot的子类，重载鼠标按下，移动，释放等鼠标事件函数。

父控件槽函数实现方法

按照QCustomPlot提供的例子，我们写一个最简单的例子。
把QCustomPlot设为MainWindow的centralWidget。

UI界面

少废话了，上源码吧：
MainWindow的头文件

#ifndef MAINWINDOW_H
#define MAINWINDOW_H#include <QMainWindow>
#include <QRubberBand>
namespace Ui {
class MainWindow;
}class MainWindow : public QMainWindow
{Q_OBJECTpublic:explicit MainWindow(QWidget *parent = 0);~MainWindow();
private slots:void mousePress(QMouseEvent* mevent);void mouseMove(QMouseEvent *mevent);void mouseRelease(QMouseEvent *mevent);void slotBtn();private:Ui::MainWindow *ui;QRubberBand *rubberBand;QPoint rubberOrigin;
};#endif // MAINWINDOW_H

MainWindow的构造函数实现

//初始化QRubberBand
rubberBand = new QRubberBand(QRubberBand::Rectangle, ui->customPlot);//从自带的例子中复制的代码
ui->customPlot->addGraph();
ui->customPlot->graph(0)->setPen(QPen(Qt::blue)); // line color blue for first graph
ui->customPlot->graph(0)->setBrush(QBrush(QColor(0, 0, 255, 20))); // first graph will be filled with translucent blue
ui->customPlot->addGraph();
ui->customPlot->graph(1)->setPen(QPen(Qt::red)); // line color red for second graph
// generate some points of data (y0 for first, y1 for second graph):
QVector<double> x(250), y0(250), y1(250);
for (int i=0; i<250; ++i)
{x[i] = i;y0[i] = qExp(-i/150.0)*qCos(i/10.0); // exponentially decaying cosiney1[i] = qExp(-i/150.0);              // exponential envelope
}
// configure right and top axis to show ticks but no labels:
// (see QCPAxisRect::setupFullAxesBox for a quicker method to do this)
ui->customPlot->xAxis2->setVisible(true);
ui->customPlot->xAxis2->setTickLabels(false);
ui->customPlot->yAxis2->setVisible(true);
ui->customPlot->yAxis2->setTickLabels(false);
// make left and bottom axes always transfer their ranges to right and top axes:
connect(ui->customPlot->xAxis, SIGNAL(rangeChanged(QCPRange)), ui->customPlot->xAxis2, SLOT(setRange(QCPRange)));
connect(ui->customPlot->yAxis, SIGNAL(rangeChanged(QCPRange)), ui->customPlot->yAxis2, SLOT(setRange(QCPRange)));
// pass data points to graphs:
ui->customPlot->graph(0)->setData(x, y0);
ui->customPlot->graph(1)->setData(x, y1);
// let the ranges scale themselves so graph 0 fits perfectly in the visible area:
ui->customPlot->graph(0)->rescaleAxes();
// same thing for graph 1, but only enlarge ranges (in case graph 1 is smaller than graph 0):
ui->customPlot->graph(1)->rescaleAxes(true);
// Note: we could have also just called customPlot->rescaleAxes(); instead
// Allow user to drag axis ranges with mouse, zoom with mouse wheel and select graphs by clicking:
ui->customPlot->setInteractions(QCP::iRangeDrag | QCP::iRangeZoom | QCP::iSelectPlottables);//连接鼠标事件发出的信号，实现绑定
connect(ui->customPlot, SIGNAL(mousePress(QMouseEvent*)), this, SLOT(mousePress(QMouseEvent*)));
connect(ui->customPlot, SIGNAL(mouseMove(QMouseEvent*)), this, SLOT(mouseMove(QMouseEvent*)));
connect(ui->customPlot, SIGNAL(mouseRelease(QMouseEvent*)), this, SLOT(mouseRelease(QMouseEvent*)));//实现恢复1:1功能
connect(ui->pushButton, SIGNAL(clicked()), this, SLOT(slotBtn()));

//鼠标按下槽函数
void MainWindow::mousePress(QMouseEvent* mevent)
{if(mevent->button() == Qt::RightButton){rubberOrigin = mevent->pos();rubberBand->setGeometry(QRect(rubberOrigin, QSize()));rubberBand->show();}
}

//鼠标移动槽函数
void MainWindow::mouseMove(QMouseEvent *mevent)
{if(rubberBand->isVisible())rubberBand->setGeometry(QRect(rubberOrigin, mevent->pos()).normalized());
}

//鼠标释放槽函数
void MainWindow::mouseRelease(QMouseEvent *mevent)
{Q_UNUSED(mevent);if (rubberBand->isVisible()){const QRect zoomRect = rubberBand->geometry();int xp1, yp1, xp2, yp2;zoomRect.getCoords(&xp1, &yp1, &xp2, &yp2);double x1 = ui->customPlot->xAxis->pixelToCoord(xp1);double x2 = ui->customPlot->xAxis->pixelToCoord(xp2);double y1 = ui->customPlot->yAxis->pixelToCoord(yp1);double y2 = ui->customPlot->yAxis->pixelToCoord(yp2);ui->customPlot->xAxis->setRange(x1, x2);ui->customPlot->yAxis->setRange(y1, y2);rubberBand->hide();ui->customPlot->replot();}
}

//槽函数实现1:1恢复功能
void MainWindow::slotBtn()
{ui->customPlot->rescaleAxes();ui->customPlot->replot();
}

子类化QCustomPlot重载鼠标事件函数方法

我们继承QCustomPlot实现子类CustomPlotZoom类。
CustomPlotZoom.h头文件

#ifndef CUSTOMPLOTZOOM_H
#define CUSTOMPLOTZOOM_H#include <QPoint>
#include "qcustomplot.h"class QRubberBand;
class QMouseEvent;
class QWidget;class CustomPlotZoom : public QCustomPlot
{Q_OBJECTpublic:CustomPlotZoom(QWidget * parent = 0);virtual ~CustomPlotZoom();void setZoomMode(bool mode);protected:void mousePressEvent(QMouseEvent * event);void mouseMoveEvent(QMouseEvent * event);void mouseReleaseEvent(QMouseEvent * event);private:bool mZoomMode;QRubberBand * mRubberBand;QPoint mOrigin;
};#endif // CUSTOMPLOTZOOM_H

CustomPlotZoom构造函数实现

CustomPlotZoom::CustomPlotZoom(QWidget * parent): QCustomPlot(parent), mZoomMode(false), mRubberBand(new QRubberBand(QRubberBand::Rectangle, this))
{}

设置矩形缩放功能的使能

void CustomPlotZoom::setZoomMode(bool mode)
{mZoomMode = mode;
}

鼠标事件的实现

void CustomPlotZoom::mousePressEvent(QMouseEvent * event)
{if (mZoomMode){if (event->button() == Qt::RightButton){mOrigin = event->pos();mRubberBand->setGeometry(QRect(mOrigin, QSize()));mRubberBand->show();}}QCustomPlot::mousePressEvent(event);
}void CustomPlotZoom::mouseMoveEvent(QMouseEvent * event)
{if (mRubberBand->isVisible()){mRubberBand->setGeometry(QRect(mOrigin, event->pos()).normalized());}QCustomPlot::mouseMoveEvent(event);
}void CustomPlotZoom::mouseReleaseEvent(QMouseEvent * event)
{if (mRubberBand->isVisible()){const QRect zoomRect = mRubberBand->geometry();int xp1, yp1, xp2, yp2;zoomRect.getCoords(&xp1, &yp1, &xp2, &yp2);double x1 = xAxis->pixelToCoord(xp1);double x2 = xAxis->pixelToCoord(xp2);double y1 = yAxis->pixelToCoord(yp1);double y2 = yAxis->pixelToCoord(yp2);xAxis->setRange(x1, x2);yAxis->setRange(y1, y2);mRubberBand->hide();replot();}QCustomPlot::mouseReleaseEvent(event);
}

结果

右键来实现选择矩形区域，因为QCustomPlot左键实现了拖拽功能。

右键选择矩形区域

缩放结果

然后可以随便缩放，拖拽。然后点击ZoomReset按钮，就可以实现一键恢复到最初的样子，做到不忘初心。

 

这篇关于QCustomPlot实现矩形区域缩放图表以及修改为右键拖动的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！


http://www.chinasem.cn/article/596442。

相关文章

Python的Darts库实现时间序列预测

Python的Darts库实现时间序列预测

《Python的Darts库实现时间序列预测》Darts一个集统计、机器学习与深度学习模型于一体的Python时间序列预测库,本文主要介绍了Python的Darts库实现时间序列预测,感兴趣的可以了解... 目录目录一、什么是 Darts？二、安装与基本配置安装 Darts导入基础模块三、时间序列数据结构与
阅读更多...
Python使用FastAPI实现大文件分片上传与断点续传功能

Python使用FastAPI实现大文件分片上传与断点续传功能

《Python使用FastAPI实现大文件分片上传与断点续传功能》大文件直传常遇到超时、网络抖动失败、失败后只能重传的问题,分片上传+断点续传可以把大文件拆成若干小块逐个上传,并在中断后从已完成分片继... 目录一、接口设计二、服务端实现（FastAPI）2.1 运行环境2.2 目录结构建议2.3 serv
阅读更多...
C#实现千万数据秒级导入的代码

C#实现千万数据秒级导入的代码

《C#实现千万数据秒级导入的代码》在实际开发中excel导入很常见,现代社会中很容易遇到大数据处理业务,所以本文我就给大家分享一下千万数据秒级导入怎么实现,文中有详细的代码示例供大家参考,需要的朋友可... 目录前言一、数据存储二、处理逻辑优化前代码处理逻辑优化后的代码总结前言在实际开发中excel导入很
阅读更多...
SpringBoot+RustFS 实现文件切片极速上传的实例代码

SpringBoot+RustFS 实现文件切片极速上传的实例代码

《SpringBoot+RustFS实现文件切片极速上传的实例代码》本文介绍利用SpringBoot和RustFS构建高性能文件切片上传系统,实现大文件秒传、断点续传和分片上传等功能,具有一定的参考... 目录一、为什么选择 RustFS + SpringBoot？二、环境准备与部署2.1 安装 RustF
阅读更多...
Nginx部署HTTP/3的实现步骤

Nginx部署HTTP/3的实现步骤

《Nginx部署HTTP/3的实现步骤》本文介绍了在Nginx中部署HTTP/3的详细步骤,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学... 目录前提条件第一步：安装必要的依赖库第二步：获取并构建 BoringSSL第三步：获取 Nginx
阅读更多...
MyBatis Plus实现时间字段自动填充的完整方案

MyBatis Plus实现时间字段自动填充的完整方案

《MyBatisPlus实现时间字段自动填充的完整方案》在日常开发中,我们经常需要记录数据的创建时间和更新时间,传统的做法是在每次插入或更新操作时手动设置这些时间字段,这种方式不仅繁琐,还容易遗漏,... 目录前言解决目标技术栈实现步骤1. 实体类注解配置2. 创建元数据处理器3. 服务层代码优化填充机制详
阅读更多...
Python实现Excel批量样式修改器(附完整代码)

Python实现Excel批量样式修改器(附完整代码)

《Python实现Excel批量样式修改器(附完整代码)》这篇文章主要为大家详细介绍了如何使用Python实现一个Excel批量样式修改器,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一... 目录前言功能特性核心功能界面特性系统要求安装说明使用指南基本操作流程高级功能技术实现核心技术栈关键函
阅读更多...
Java实现字节字符转bcd编码

Java实现字节字符转bcd编码

《Java实现字节字符转bcd编码》BCD是一种将十进制数字编码为二进制的表示方式,常用于数字显示和存储,本文将介绍如何在Java中实现字节字符转BCD码的过程,需要的小伙伴可以了解下... 目录前言BCD码是什么Java实现字节转bcd编码方法补充总结前言BCD码（Binary-Coded Decima
阅读更多...
SpringBoot全局域名替换的实现

SpringBoot全局域名替换的实现

《SpringBoot全局域名替换的实现》本文主要介绍了SpringBoot全局域名替换的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一... 目录 项目结构⚙️ 配置文件application.yml️ 配置类AppProperties.Ja
阅读更多...
Python实现批量CSV转Excel的高性能处理方案

Python实现批量CSV转Excel的高性能处理方案

《Python实现批量CSV转Excel的高性能处理方案》在日常办公中,我们经常需要将CSV格式的数据转换为Excel文件,本文将介绍一个基于Python的高性能解决方案,感兴趣的小伙伴可以跟随小编一... 目录一、场景需求二、技术方案三、核心代码四、批量处理方案五、性能优化六、使用示例完整代码七、小结一、
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2