Qt QChart 自定义qChartView(重写鼠标事件)完美实现缩放与平移

原文链接:https://blog.csdn.net/kpengk/article/details/105800525
复制链接:https://blog.csdn.net/qq_40754866/article/details/106124110

两位博主写的特别好,我只是更改了一个全局变量和注释了一些函数申明,在此感谢!
我用的是vs2013+QT5.9,仅供参考,有错请多多指教!谢谢

功能
实现QtCharts曲线图移动和缩放:

按住鼠标左键拖动曲线可移动曲线;
滚动鼠标滚轮实现图形X轴方向的缩放;
按住Ctrl,滚动鼠标滚轮实现图形Y轴方向的缩放;
按鼠标右键恢复图形初始状态;
缩放过程以鼠标当前位置为缩放中心;
鼠标移动过程中会在左上角显示当前坐标。

实现
继承QChartView,主要重新实现鼠标事件和键盘事件。

移动图形利用QChart的scroll函数;
void scroll(qreal dx, qreal dy, const QRectF &rect = QRectF());
鼠标按下时,记录按下状态,并记录当前坐标位置,在移动事件内计算鼠标移动的距离,以此设置图形滚动的距离,即可实现移动
缩放则设置当前坐标轴的显示范围;
void setRange(const QVariant &min, const QVariant &max);

代码
.cpp文件
1.实现移动

void ChartView::mousePressEvent(QMouseEvent *event)
{
	if (event->button() == Qt::LeftButton)
	{
        m_lastPoint = event->pos();
        m_isPress = true;
	}
}

void ChartView::mouseMoveEvent(QMouseEvent *event)
{
	if (!m_coordItem)
	{
		m_coordItem = new QGraphicsSimpleTextItem(this->chart());
		m_coordItem->setZValue(5);
		m_coordItem->setPos(100, 60);
		m_coordItem->show();
	}
	const QPoint curPos = event->pos();
	QPointF curVal = this->chart()->mapToValue(QPointF(curPos));
	QString coordStr = QString("X = %1, Y = %2").arg(curVal.x()).arg(curVal.y());
	m_coordItem->setText(coordStr);

	if (m_isPress)
	{
		QPoint offset = curPos - m_lastPoint;
		m_lastPoint = curPos;
		if (!m_alreadySaveRange)
		{
			this->saveAxisRange();
			m_alreadySaveRange = true;
		}
		this->chart()->scroll(-offset.x(), offset.y());
	}
}

void ChartView::mouseReleaseEvent(QMouseEvent *event)
{
	m_isPress = false;
	if (event->button() == Qt::RightButton)
	{
		if (m_alreadySaveRange)
		{
			this->chart()->axisX()->setRange(m_xMin, m_xMax);
			this->chart()->axisY()->setRange(m_yMin, m_yMax);
		}
	}
}

//保存原始位置
void ChartView::saveAxisRange()
{
    QValueAxis *axisX = dynamic_cast<QValueAxis*>(this->chart()->axisX());
    m_xMin = axisX->min();
    m_xMax = axisX->max();
    QValueAxis *axisY = dynamic_cast<QValueAxis*>(this->chart()->axisY());
    m_yMin = axisY->min();
    m_yMax = axisY->max();
}


2.实现缩放

void ChartView::wheelEvent(QWheelEvent *event)
{
   const QPoint curPos = event->pos();
   QPointF curVal = this->chart()->mapToValue(QPointF(curPos));

   if (!m_alreadySaveRange)
   {
   	this->saveAxisRange();
   	m_alreadySaveRange = true;
   }
   const double factor = 1.5;//缩放比例
   if (m_ctrlPress)
   {//Y轴
   	QValueAxis *axisY = dynamic_cast<QValueAxis*>(this->chart()->axisY());
   	const double yMin = axisY->min();
   	const double yMax = axisY->max();
   	const double yCentral = curVal.y();

   	double bottomOffset;
   	double topOffset;
   	if (event->delta() > 0)
   	{//放大
   		bottomOffset = 1.0 / factor * (yCentral - yMin);
   		topOffset = 1.0 / factor * (yMax - yCentral);
   	}
   	else
   	{//缩小
   		bottomOffset = 1.0 * factor * (yCentral - yMin);
   		topOffset = 1.0 * factor * (yMax - yCentral);
   	}

   	this->chart()->axisY()->setRange(yCentral - bottomOffset, yCentral + topOffset);
   }
   else
   {//X轴
   	QValueAxis *axisX = dynamic_cast<QValueAxis*>(this->chart()->axisX());
   	const double xMin = axisX->min();
   	const double xMax = axisX->max();
   	const double xCentral = curVal.x();

   	double leftOffset;
   	double rightOffset;
   	if (event->delta() > 0)
   	{//放大
   		leftOffset = 1.0 / factor * (xCentral - xMin);
   		rightOffset = 1.0 / factor * (xMax - xCentral);
   	}
   	else
   	{//缩小
   		leftOffset = 1.0 * factor * (xCentral - xMin);
   		rightOffset = 1.0 * factor * (xMax - xCentral);
   	}
   	this->chart()->axisX()->setRange(xCentral - leftOffset, xCentral + rightOffset);
   }
}
}

.h文件

#pragma once

#include <QChartView>
#include <QMouseEvent>
#include <QGraphicsSimpleTextItem>

QT_CHARTS_USE_NAMESPACE

class ChartView : public QChartView
{
	Q_OBJECT

public:
    ChartView(QChart *chart, QWidget *parent = nullptr);
	~ChartView();
	// 保存坐标区域,用于复位
	void saveAxisRange();

protected:
	void mousePressEvent(QMouseEvent *event);
	void mouseMoveEvent(QMouseEvent *event);
	void mouseReleaseEvent(QMouseEvent *event);
	void wheelEvent(QWheelEvent *event);
	//void keyPressEvent(QKeyEvent *event);
	//void keyReleaseEvent(QKeyEvent *event); 这里两句是原博主保留的 我这里注释掉了

//以下3个为Qt Android下Qchart的缩放(单指触点时默认为鼠标点击,所以移动功能可正常使用)
   // bool event(QEvent *event) override;             //使用手势实现缩放
   // bool gestureEvent(QGestureEvent *event);
   // void pinchTriggered(QPinchGesture *gesture);     这三个为Android的操作,我也注释掉了

private:
	QPoint m_lastPoint;
	bool m_isPress = false;  //这里我把平移的判定初始化成了false,解决鼠标一移进QchartView就跟随移动的情况
	bool m_ctrlPress;
	bool m_alreadySaveRange;
	double m_xMin, m_xMax, m_yMin, m_yMax;
	QGraphicsSimpleTextItem* m_coordItem;
};


  • 6
    点赞
  • 47
    收藏
    觉得还不错? 一键收藏
  • 3
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值