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。

相关文章

c++ 类成员变量默认初始值的实现

c++ 类成员变量默认初始值的实现

《c++类成员变量默认初始值的实现》本文主要介绍了c++类成员变量默认初始值,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧... 目录C++类成员变量初始化c++类的变量的初始化在C++中，如果使用类成员变量时未给定其初始值，那么它将被
阅读更多...
Qt使用QSqlDatabase连接MySQL实现增删改查功能

Qt使用QSqlDatabase连接MySQL实现增删改查功能

《Qt使用QSqlDatabase连接MySQL实现增删改查功能》这篇文章主要为大家详细介绍了Qt如何使用QSqlDatabase连接MySQL实现增删改查功能,文中的示例代码讲解详细,感兴趣的小伙伴... 目录一、创建数据表二、连接mysql数据库三、封装成一个完整的轻量级 ORM 风格类3.1 表结构
阅读更多...
基于Python实现一个图片拆分工具

基于Python实现一个图片拆分工具

《基于Python实现一个图片拆分工具》这篇文章主要为大家详细介绍了如何基于Python实现一个图片拆分工具,可以根据需要的行数和列数进行拆分,感兴趣的小伙伴可以跟随小编一起学习一下... 简单介绍先自己选择输入的图片，默认是输出到项目文件夹中，可以自己选择其他的文件夹，选择需要拆分的行数和列数，可以通过
阅读更多...
Python中将嵌套列表扁平化的多种实现方法

Python中将嵌套列表扁平化的多种实现方法

《Python中将嵌套列表扁平化的多种实现方法》在Python编程中,我们常常会遇到需要将嵌套列表（即列表中包含列表）转换为一个一维的扁平列表的需求,本文将给大家介绍了多种实现这一目标的方法,需要的朋... 目录python中将嵌套列表扁平化的方法技术背景实现步骤1. 使用嵌套列表推导式2. 使用itert
阅读更多...
Python使用pip工具实现包自动更新的多种方法

Python使用pip工具实现包自动更新的多种方法

《Python使用pip工具实现包自动更新的多种方法》本文深入探讨了使用Python的pip工具实现包自动更新的各种方法和技术,我们将从基础概念开始,逐步介绍手动更新方法、自动化脚本编写、结合CI/C... 目录1. 背景介绍1.1 目的和范围1.2 预期读者1.3 文档结构概述1.4 术语表1.4.1 核
阅读更多...
在Linux中改变echo输出颜色的实现方法

在Linux中改变echo输出颜色的实现方法

《在Linux中改变echo输出颜色的实现方法》在Linux系统的命令行环境下,为了使输出信息更加清晰、突出,便于用户快速识别和区分不同类型的信息,常常需要改变echo命令的输出颜色,所以本文给大家介... 目python录在linux中改变echo输出颜色的方法技术背景实现步骤使用ANSI转义码使用tpu
阅读更多...
Python使用python-can实现合并BLF文件

Python使用python-can实现合并BLF文件

《Python使用python-can实现合并BLF文件》python-can库是Python生态中专注于CAN总线通信与数据处理的强大工具,本文将使用python-can为BLF文件合并提供高效灵活... 目录一、python-can 库：CAN 数据处理的利器二、BLF 文件合并核心代码解析1. 基础合
阅读更多...
Python使用OpenCV实现获取视频时长的小工具

Python使用OpenCV实现获取视频时长的小工具

《Python使用OpenCV实现获取视频时长的小工具》在处理视频数据时,获取视频的时长是一项常见且基础的需求,本文将详细介绍如何使用Python和OpenCV获取视频时长,并对每一行代码进行深入解析... 目录一、代码实现二、代码解析1. 导入 OpenCV 库2. 定义获取视频时长的函数3. 打开视频文
阅读更多...
golang版本升级如何实现

golang版本升级如何实现

《golang版本升级如何实现》：本文主要介绍golang版本升级如何实现问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录golanwww.chinasem.cng版本升级linux上golang版本升级删除golang旧版本安装golang最新版本总结gola
阅读更多...
SpringBoot中SM2公钥加密、私钥解密的实现示例详解

SpringBoot中SM2公钥加密、私钥解密的实现示例详解

《SpringBoot中SM2公钥加密、私钥解密的实现示例详解》本文介绍了如何在SpringBoot项目中实现SM2公钥加密和私钥解密的功能,通过使用Hutool库和BouncyCastle依赖,简化... 目录一、前言1、加密信息(示例)2、加密结果(示例)二、实现代码1、yml文件配置2、创建SM2工具
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2