Qt QCustomPlot 点状网格线实现和曲线坐标点拾取
Posted DreamLife.
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Qt QCustomPlot 点状网格线实现和曲线坐标点拾取相关的知识,希望对你有一定的参考价值。
Qt QCustomPlot 点状网格线实现和曲线坐标点拾取
文章目录
关键字:
QCustomPlot
、
grid
、
Qt
、
拾取
、
背景
摘要
今天被封控在家,但是万恶的资本家是不会让我在家摸鱼的,所以还是给了需求来,所以还是得搞。今天要接着研究QCustomPlot
,老实说,这个也是我第一次用,也没有系统的研究过,只是用到了啥现研究,难免哪里问题或者不合理甚至是理解错误的地方。欢迎大家评论区交流。
我想实现的效果
有两个点,第一个是那个类似星星的背景点阵,我暂时先这么称呼它,因为我也不知道专业名称叫啥;第二个就是这个游标了,就是可以精确显示曲线上每个点的信息,其实就是坐标,如下图所示。这里应为我的需求只需要显示对应的值,所以我就吧X轴的数据隐藏掉了。
点阵的实现
先来解决第一个点阵的问题,这个其实是最耗时的,因为网上没有现成的代码,没得抄(应该是叫莫得参考)。只能自己慢慢摸索。
第一版本,使用QPen Style
我发现 QCustomPlot
坐标轴和网格有一个接口就是设置QPen
,所以打算通过设置坐标轴的网格的画笔来实现这个效果。在看帮助文档里面有一个样式是Qt::DotLine
,如下图所示,是不是就可以实现点了。
结果就是发现我还是太淡出了,如果真的可以这么简单,那就好了。
到时很简单,就是两行代码,如下
gCustomplot->yAxis->grid()->setPen(QPen(QColor(188,188,188,188),1,Qt::DotLine));
gCustomplot->yAxis->grid()->setZeroLinePen(QPen(QColor(188,188,188,188),1,Qt::DotLine));
效果确实差强人意,如下图所示,这密密麻麻的虚线,咋也不想那种心电图上看到的样子,所以还是失败。
第二版本,通过设置背景
其实就是我发现在设置背景时候,可以通过画刷QBursh
来实现背景填充,而我又碰巧发下QBrush
中有一个Qt::Dense7Pattern
填充很可能可以使用,如下图所示。所以,这个一度让我以为可以解决这个问题,甚至主动报告领导缩短了时间(这个时候其实脑子已经进水了)。
要么说听话要听后半截呢,所以还是有看我后面的但是。但是呢,效果确实更为渣渣,如下图所示。
其实看到这个效果的时候,我就觉得我今晚是要和我的小椅子摩擦摩擦一晚上了,真实麻烦他们给麻烦开门,麻烦到家了,为啥要和领导说可以今天搞定的,真实,阿西。
第三版本,回到QPen Style
就在我一筹莫展,瞎扒拉Qt 帮助文档的时候,发现了一个神奇的东西。Qt::CustomDashLine
这个翻译一下不就是自定义虚线
吗。哎嗨嗨,如果使用这个自定义虚线结合第一版的网格,是不是就可以试下了。
要么说这帮助文档还得属Qt 了,连怎么用都给你了,如下所示。
大致就是先定义个容器,这个容器就是用来存放你自定义虚线的参数的,和面又定义了space的变量,这个看字面意思也就是间隔,空格的意思,那肯定就是空白部分了。再就是把你要显示的长度个间隔按照你的需求,存入到这个容器中。完了通过一个叫setDashPattern()
接口放到你的画笔中,就可以绘制自己定义的曲线了。这人家都给说的这么明白了,咱要是再不试一试,那岂不是对不起这文档了。所以撸起代码了,先看下核心代码
QPen gridPen; /// 自定义一个画笔
gridPen.setColor(QColor(188,188,188,188)); /// 设置画笔颜色
QVector<qreal> myDothline; /// 定义一个容器,用来存放自定义曲线的内容数据
qreal space = 25; /// 定义曲线间隔
myDothline << 0.2 << space; /// 将自定义曲线数据装入数组
gridPen.setDashPattern(myDothline); /// 将自定义的曲线装在到自定义的画笔中
gridPen.setWidth(3); /// 设置线宽
gridPen.setCapStyle(Qt::RoundCap);
gridPen.setJoinStyle(Qt::RoundJoin);
gCustomplot->yAxis->setBasePen(QPen(QColor(0,0,0,0)));// 设置Y轴基础颜色
gCustomplot->yAxis->setTickLabels(false); // 设置不显示刻度值
gCustomplot->yAxis->setSubTicks(false); // 设置不显示子刻度线
gCustomplot->yAxis->setTicks(false); // 设置不显示刻度线
gCustomplot->yAxis->grid()->setPen(gridPen); // 设置线样式
gCustomplot->yAxis->grid()->setZeroLinePen(gridPen); // 设置0刻线样式
效果就出来了,如下
这里需要注意两个参数,就是线宽和这个自定义曲线的长度,即myDothline << 0.2 << space;
中的0.2
和gridPen.setWidth(3)
中的3
这两需要大家不断修改和测试,我开始出来的都是横短线,慢慢修改这两个参数,最终出现了这种看着基本就是小圆点的效果。
所以到这里,基本就完成了我这个点阵背景的需求了。希望对小伙伴你也有一定帮助。
取曲线上的点
这个有的抄,基本调试一下就可以使用。这里就直接上代码(这个也是我抄来的,稍微加入了一点点自己的逻辑)
void XXXXXXXXXXXX::slot_showTracer(bool isShow)
mflagIsShowTracer = isShow;
if(mflagIsShowTracer)
if(!tracer)
tracer = new QCPItemTracer(gCustomplot); // 生成游标
tracer->setPen(QPen(Qt::white)); // 圆圈轮廓颜色
tracer->setBrush(QBrush(Qt::white)); // 圆圈圈内颜色
tracer->setStyle(QCPItemTracer::tsCircle); // 圆圈
tracer->setSize(5); // 设置大小
tracer->setVisible(false); // 需要线隐藏,不然不然会触发默认现实Bug
if(!tracerLabel)
tracerLabel = new QCPItemText(gCustomplot); // 生成游标说明
tracerLabel->setText("");
tracerLabel->setLayer("overlay"); // 设置图层为overlay,因为需要频繁刷新
// tracerLabel->setPen(QPen(Qt::green)); // 设置游标说明颜色
tracerLabel->setColor(QColor(255,0,255));
tracerLabel->setPositionAlignment(Qt::AlignLeft | Qt::AlignTop); // 左上
tracerLabel->position->setParentAnchor(tracer->position); // 将游标说明锚固在tracer位置处,实现自动跟随
tracerLabel->setVisible(false); // 需要线隐藏,不然不然会触发默认现实Bug
else
tracer->setVisible(false);
tracerLabel->setVisible(false);
鼠标移动槽函数,这里其实也可以不这么写,可以直接重写QCustomplot的鼠标移动函数。
void XXXXXXXXXXXX::slot_mouseMove(QMouseEvent *e)
if(mflagIsShowTracer)
tracer->setVisible(true);
tracerLabel->setVisible(true);
double x = gCustomplot->xAxis->pixelToCoord(e->pos().x()); // 获得鼠标位置处对应的横坐标数据x
tracer->setGraph(gCustomplot->graph(0)); // 将游标和该曲线图层想连接
tracer->setGraphKey(x); // 将游标横坐标设置成刚获得的横坐标数据x
tracer->setInterpolating(false); // 游标的纵坐标可以通过曲线数据线性插值自动获得
tracer->updatePosition(); // 使得刚设置游标的横纵坐标位置生效
//更新游标说明的内容
// double xValue = tracer->position->key();
double yValue = tracer->position->value();
tracerLabel->setText(QString("%1 μV").arg(yValue));
gCustomplot->replot(); // 重绘
这样写成槽函数的话,需要在代码中再关联一下槽函数,这样就实现了拾取点了。
connect(gCustomplot,&QCustomPlot::mouseMove,this,&Turing_Monitor_Kernel::slot_mouseMove);
以上是关于Qt QCustomPlot 点状网格线实现和曲线坐标点拾取的主要内容,如果未能解决你的问题,请参考以下文章
Qt Widget使用QCustomPlot库实现二维螺旋曲线(螺旋曲线一)
Qt Widget使用QCustomPlot库实现二维螺旋曲线(螺旋曲线一)