Qt 绘制拖动刻度尺

本着一切皆可painter的原则，绘制一个拖动改变的刻度尺。

首先，鼠标事件中，获取鼠标拖动的坐标。

void StrechRuler::mouseMoveEvent(QMouseEvent *event)
{if((150 <= event->pos().x()) && (event->pos().x()<= 650)){curPositionX = event->pos().x()-150;qDebug()<<"X:"<<event->pos().x();}if( (210 <= event->pos().y()) && (event->pos().y() <= 310)){curPositionY = event->pos().y();qDebug()<<"Y:"<<event->pos().y();}repaint();
}

绘制尺子的具体实现：

void StrechRuler::paintEvent(QPaintEvent *event)
{QPainter painter(this);painter.setRenderHint(QPainter::Antialiasing, true);painter.save();painter.setPen(QPen(QColor(85, 170, 255),1));painter.setBrush(QBrush(QColor(85, 170, 255)));painter.drawRect(150,210,curPositionX,100);painter.restore();int sScale = 5;int lScale = 25;int sScaleCount = curPositionX / sScale + 1;int lScaleCount = curPositionX / lScale + 1;painter.setPen(QPen(QColor(255,255,255),1));for(int i=0; i<sScaleCount; i++){if(i % 5 != 0){painter.drawLine(QPoint(150+i*5,210),QPoint(150+i*5,215));}}for(int j=0; j<lScaleCount; j++){painter.drawLine(QPoint(150+j*25,210),QPoint(150+j*25,225));}QFont fontTest("宋体", 6, QFont::Bold,true);painter.setFont(fontTest);painter.setPen(QPen(QColor(255,255,255),1));for(int i = 0; i< lScaleCount; i++){painter.drawText(QPoint(150+i*25,230),QString::number(i*5));}}

注意事项：

repaint()或者update()非常重要，既然是鼠标拖拽而展示刻度尺，那么要对painter进行及时的刷新。
在绝大多数情况下，update()更好，因为它允许Qt来优化速度并且防止闪烁。
curPositionX / sScale + 1和curPositionX / lScale + 1是为了多画几个刻度，避免尺子展开了而刻度不显示。
if(i % 5 != 0)是把第5个短刻度取消掉，避免短刻度和长刻度重叠显示。

Qt 绘制拖动刻度尺相关推荐

qt绘制网络拓补图(连接数据库，递归函数，无限绘制，可拖动节点）
硬件:ThinkPadT590 系统:Win10 数据库:sqlserver2014 Qt:5.14.1 QtCreator:4.11.1 源码连接: qt绘制网络拓补图(连接数据库,递归函数,无限绘 ...
使用Qt绘制一个简约美观的界面【使用QSS简单美化】（笔记）
文章目录使用Qt绘制一个简约美观的界面-使用QSS简单美化基本控件布局界面的简单美化 QSS 添加图片使用Qt绘制一个简约美观的界面-使用QSS简单美化基本控件布局以绘制登录界面为例,创建 ...
9.如何使用QT绘制导航箭头的图标
利用QT绘制一个地图导航软件中的导航图标,代码如下 #ifndef WIDGET_H #define WIDGET_H#include <QWidget> #include <QLa ...
QT绘制带有数据源的图表
QT绘制带有数据源的图表项目简介项目技术项目展示主要源码片段解析获取完整项目源码传送门项目简介 QML将XmlListModel用作图表的数据源. 项目技术 qt5.12,qt chart ...
QT绘制散点图(1)
QT绘制散点图1 项目简介项目技术项目展示主要源码片段解析获取完整项目源码传送门项目简介创建一个简单的散点图以及如何与该图进行交互. 项目技术 qt5.12,qt charts模块,C++ ...
QT绘制散点图(2)
QT绘制散点图2 项目简介项目技术项目展示主要源码片段解析获取完整项目源码传送门项目简介创建简单的散点图. 项目技术 qt5.12,qt charts模块,C++ 项目展示主要源码片段解 ...
QT绘制嵌套的圆饼状图
QT绘制嵌套的圆饼状图项目简介项目技术项目展示主要源码片段解析获取完整项目源码传送门项目简介使用QPieSeries API创建嵌套的甜甜圈图. 项目技术 qt5.12,qt chart ...
QT绘制百分比条形图。
QT绘制百分比条形图项目简介项目技术项目展示主要源码片段解析获取完整项目源码传送门项目简介创建简单的百分比条形图. 百分比条形图将数据集中显示为每个类别中所有数据集的百分比. 创建百分比 ...
QT绘制具有向下钻取效果的园饼图
QT绘制具有向下钻取效果的园饼图项目简介项目技术项目展示主要源码片段解析获取完整项目源码传送门项目简介实现具有向下钻取效果的饼图. 项目技术 qt5.12,qt charts模块,C++ ...

Qt 绘制拖动刻度尺

Qt 绘制拖动刻度尺相关推荐

最新文章

热门文章