Qt Qt 绘制折线图 计算线段交点

Qt 绘制折线图

先看一张图片工程文件见下方链接

本程序的开发环境：

（1）qt4.8.6

（2）vs2010

（3）windows操作系统

本程序实现了一下功能：

（1）实时画鼠标线

（2）画折线图

（3）实时求鼠标线与折线得交点，并显示在窗口

本程序用到得方法：

（1）从写QGriphicsItem，（坐标轴部分和鼠标线和折线焦点得小圆点部分）

首先继承QGraphicsItem类，从写这两个方法

virtual QRectF boundingRect() const ;
virtual void paint(QPainter *painter, const QStyleOptionGraphicsItem *option, QWidget *widget = 0) ;

在这里要注意的是item的坐标，坐标轴的方向和Qt定义的屏幕坐标轴的方向一样，及从屏幕左上角开始，向下是y轴的正半轴，向右是x轴的正半轴

还有其中BoundingRect函数返回的矩形可以用在碰撞检测中，不再本文讨论的范畴

在paint方法中，可以重新绘制你想要的item的形状，比如在本文中绘制的坐标轴item。其代码实现如下

void AxisItem::DrawYAxis( QPainter *painter )
{
	//y轴
	painter->drawLine(_boundingRect.width(),0,_boundingRect.width(),_boundingRect.height());
	if (_data._isArrow)
	{
		painter->drawLine(5,0,0,5);
		painter->drawLine(5,0,10,5);
	}	
	int space = _boundingRect.height()/_data._space;  //每格所占的高度
	int increment = (_data._maxVal - _data._minVal)/ _data._space;
	//刻度和文字
	if (_data._isCenter)
	{
		space = _boundingRect.height()/2/_data._space;  //每格所占的高度
		increment = (_data._maxVal - _data._minVal)/ _data._space;
		for (int i = 1; i <= _data._space; i++)
		{
			painter->drawLine(0,i * space,_boundingRect.width(),i *space); //从上往下画的
			QString text = QString::number((_data._space - i)*increment + _data._minVal);
			QFontMetrics fontMetrics(painter->font());
			painter->drawText(QRectF(-fontMetrics.width(text) - 5,space * i - 5,fontMetrics.width(text),fontMetrics.height()),text);
		}
		for (int i = _data._space; i <= 2*_data._space; i++)
		{
			painter->drawLine(0,i * space,_boundingRect.width(),i *space); //从上往下画的
			QString text = QString::number((_data._space - i)*increment + _data._minVal);
			QFontMetrics fontMetrics(painter->font());
			painter->drawText(QRectF(-fontMetrics.width(text) - 5,space * i - 5,fontMetrics.width(text),fontMetrics.height()),text);
		}
	}
	else
	{
		for (int i = 1; i <= _data._space; i++)
		{
			painter->drawLine(0,i * space,_boundingRect.width(),i *space);
			QString text = QString::number((_data._space - i)*increment + _data._minVal);
			QFontMetrics fontMetrics(painter->font());
			painter->drawText(QRectF(-fontMetrics.width(text) - 5,space * i - 5,fontMetrics.width(text),fontMetrics.height()),text);
		}
	}

	
	QPen pen(QColor(_data._titleColor));
	painter->setPen(pen);

	QString text = _data._title;
	QFontMetrics fontMetrics(painter->font());
	painter->drawText(QRectF(-fontMetrics.width(text)/2,-fontMetrics.height(),fontMetrics.width(text),fontMetrics.height()),text);
}

在这里需要注意的是所有的坐标都是相对与看刚开始定义的boundingRect函数返回的区域，一般将区域的中心 定义为0，0点。

x轴的实现同理，不在重复

（2）qt判断两条相交线的交点的方法

判断两条线相交的交点，大家可以看一下QLine类，其中有一个叫做Intersect的方法可以判断两天线段的交点，我的检测代码如下：

for(int i = 0 ; i < polygonPos.size(); i++)
{
	if (i > 0)
	{	
		tline.setLine(polygonPos[i-1].x(),polygonPos[i-1].y(),polygonPos[i].x(),polygonPos[i].y());
		QLineF::IntersectType itpye = tline.intersect(mouseLine,&interPos);
		if (QLineF::IntersectType::BoundedIntersection == itpye )
		{ 
			/*添加相交后的代码
		}
	}
}

（3）鼠标移动事件的实现

这里的鼠标移动事件，我重写了QGraphicsScene的鼠标移动事件，之所以选这类的事件，是因为对其上的Item做操作是，不需要在对鼠标的坐标进行转换，

可以方法的获取鼠标在Scene上的位子坐标，得到位置坐标的方法与普通的鼠标事件相似

void MyScene::mouseMoveEvent( QGraphicsSceneMouseEvent *event )
{
 _mousePos = event->scenePos();
}

（4）qt字体的宽度和高度的计算

字体高度的技术俺计算用到了QFontMetrics类，该类中有方法可以算出字体的宽度和高度，可以防止在绘图的时候放生字体绘出item的区域而看不到的问题

本工程的下载地址点击打开链接