Qt自绘之自由移动的折线

一、简述

今天介绍一下可以用鼠标拖拽的折线图,顾名思义,就是可以通过鼠标来添加和移动折线图上每个顶点,见下图效果。


鼠标自由点击进行添加点

在这里插入图片描述

鼠标自由移动顶点

在这里插入图片描述

菜单操作

在这里插入图片描述

丰富的颜色设置

在这里插入图片描述

与时间轴结合

在这里插入图片描述

二、代码介绍

实现就是通过Qt的QPainter来绘制的,主要是通过鼠标的mousePressEvent、mouseMoveEvent、mouseReleaseEvent事件进行相应操作的处理。每次鼠标点击记录一个点, 将点插入到对于的点队列中,然后再重新绘制即可,顶点移动则是判断当前鼠标是否再顶点圆圈范围内,可通过鼠标不同的样式判断当前鼠标是否在顶点中。

在鼠标的事件中进行相应折现的信息记录,然后进行绘制。绘制分为两个部分,线的绘制和顶点的绘制,这两个部分分开进行绘制。可自定义设置颜色。

在这里插入图片描述

©️2020 CSDN 皮肤主题: 编程工作室 设计师:CSDN官方博客 返回首页