基于Qt秒表设计（Qt绘图秒表示例）

基于Qt秒表设计

这个只是虚拟机下的Dialog中设计的秒表，大家感兴趣的可以根据自己手机的秒表界面来设计，亦或是有别的想法也可以在ui中添加函数，或者是在ui界面自己添加调整。本篇将给除了给出Qt秒表设计例子之外还会为大家提供一些常用函数。

一、Qt绘图系统简介；
Qt的绘图系统允许使用相同的API在屏幕和其它打印设
备上进行绘制。整个绘图系统基于 QPainter，
QPainterDevice和QPaintEngine三个类。。
QPainter用来执行绘制的操作；QPaintDevice则允许
QPainter在其上面进行绘制，也就是QPainter工作的空间；
QPaintEngine提供了画笔（QPainter）在不同的设备上进行
绘制的统一的接口。
Qt 的绘图系统实际上是，使用 QPainter在
QPainterDevice上进行绘制，它们之间使用QPaintEngine进
行通讯（也就是翻译QPainter 的指令）。

二、QPainter类的绘图函数
drawPoint 点drawLine 线
drawRect 矩形drawPath 路径
drawArc 圆弧drawChord 弦
drawPie 扇形drawEllipse 椭圆
drawText 文字
drawRoundRect 圆角矩形
drawImage drawPixmap drawPicture 显示图像
drawPoints,drawLines,drawRects 多个点、多条线、多个矩形

三、几种常用函数效果图：

四、画刷和画笔
QBrush定义了QPainter的填充模式，具有样式、颜色、
渐变以及纹理等属性。画刷的style()定义了填充的样式，使
用Qt::BrushStyle枚举，默认值是Qt::NoBrush，也就是不进
行任何填充。
QPen定义了用于QPainter应该怎样画线或者轮廓线。画
笔具有样式、宽度、画刷、笔帽样式和连接样式等属性。画
笔的样式style()定义了线的样式。画笔宽度width()或widthF()
定义了画笔的宽。注意，不存在宽度为 0 的线，画笔宽度通
常至少是 1 像素。
声明画刷或画笔对象的时候，通常可以先指定颜色，然
后再通过类中的setStyle、setWidth等成员函数设置画刷或画
笔属性。
QPainter对象要使用画刷或画笔，通常是调用setBrush
和setPen成员函数，设置过画刷和画笔的状态将会一直保持。

五、图像处理

Qt提供了4个处理图像的类：QImage、QPixmap、
QBitmap，QPicture，它们有着各自的特点。
QImage优化了I/O操作，可以直接存取操作像素数据。
QPixmap优化了再屏幕上显示图像的性能。
QBitmap从QPixmap继承，只能表示黑白两种颜色。
QPicture是可以记录和重启QPrinter命令的类。
对最简单的图片显示而言，用QImage或QPixmap类比较
常见。显示一副图像，可以在paintEvent函数中如下操作：
QPainter painter(this); // 声明QPainter对象
… // 其他绘图操作
// 声明一个QPixmap对象并初始装载图像文件
QPixmap pm("/home/fish/HDU.png");
painter.drawPixmap((rect().width() - pm.width()) / 2,
(rect().height() - pm.height()) / 2, pm); // 居中显示图像

六、秒表设计例子
1、

.pro文件
#-------------------------------------------------
#
# Project created by QtCreator 2019-12-04T16:50:48
#
#-------------------------------------------------QT       += core guigreaterThan(QT_MAJOR_VERSION, 4): QT += widgetsTARGET = qt_clock
TEMPLATE = appSOURCES += main.cpp\dialog.cppHEADERS  += dialog.hFORMS    += dialog.ui

2、头文件：

dialog.h代码；
#ifndef DIALOG_H
#define DIALOG_H#include <QDialog>
#include <QTime>
#include <QMouseEvent>namespace Ui {class Dialog;
}class Dialog : public QDialog
{Q_OBJECTpublic:explicit Dialog(QWidget *parent = 0);~Dialog();private:Ui::Dialog *ui;int state;int nMSCnt;QTime   sTime;QList<int> lstCnt;int idx;QRect   rcBottom;QRect   rcLeft;QRect   rcRight;
private   slots:void    mytimer ( );// QWidget interface
protected:void paintEvent(QPaintEvent *);// QWidget interface
protected:void mousePressEvent(QMouseEvent *);// QWidget interface
protected:void wheelEvent(QWheelEvent *);
};#endif // DIALOG_H

3、源文件

（1）dialog.cpp
#include "dialog.h"
#include "ui_dialog.h"
#include <QPainter>
#include <QTimer>Dialog::Dialog(QWidget *parent) :QDialog(parent),ui(new Ui::Dialog)
{ui->setupUi(this);state = 0;nMSCnt = 0;idx =0;sTime =QTime::currentTime();QTimer*timer =new QTimer(this);connect(timer,SIGNAL(timeout()),this,SLOT(mytimer()));timer->start(10);
}Dialog::~Dialog()
{delete ui;
}void Dialog::mytimer()
{if(1==state){update();}
}void Dialog::paintEvent(QPaintEvent *)
{QRect  rc = rect();int size = rc.width() > rc.height() ?  rc.height() : rc.width();QPainter qp(this);qp.setFont(QFont("Arial",size/6));qp.setPen(Qt::black);QString str;int nms;if(state>0){if(1==state)nms = (sTime.msecsTo(QTime::currentTime()) + nMSCnt) / 10;elsenms = nMSCnt / 10;str.sprintf("%02d:%02d.%02d",nms / 6000 , (nms / 100) % 60 , nms % 100);}else {str="00:00.00";}if (lstCnt.empty())qp.drawText(rect(),Qt::AlignCenter,str);else{qp.drawText(rect(),Qt::AlignTop | Qt::AlignHCenter,str);qp.setPen(Qt::gray);qp.setFont(QFont("Arial",size / 10));QRect t = rect();t.translate(0, size / 6 + size / 20);nms -= lstCnt.last() / 10;str.sprintf("%02d:%02d.%02d",nms/6000 , (nms/100)%60 , nms%100);qp.drawText(t,Qt::AlignTop | Qt::AlignHCenter,str);qp.setFont(QFont("Arial",size / 15));qp.setPen(Qt::darkBlue);t.translate(0, size / 6);int i =idx,j;if(i>= lstCnt.size())i = lstCnt.size() - 1;j =i - 4;for(;i>=0 &&i>j;--i){nms = lstCnt[i] / 10;int nnms;if(i>0)nnms = (lstCnt[i] - lstCnt[i-1]) / 10;str.sprintf("%02d      %02d:%02d.%02d      %02d:%02d.%02d",i + 1, nms / 6000,(nms /100) % 60,nms % 100, nnms /6000 ,(nnms /100)%60,nnms % 100);qp.drawText(t,Qt::AlignTop | Qt::AlignHCenter,str);t.translate(0, size /10);}}qp.setFont(QFont("Arial",size/15));qp.setPen(Qt::red);int hh = size / 10;rcLeft  = QRect(rc.left(), rc.bottom()-hh*2, rc.width()/2, hh);rcRight = QRect(rc.width()/2, rc.bottom()-hh*2,rc.width()/2,hh);rcBottom = QRect(rc.left(),rc.bottom()-hh*2,rc.width(),hh);switch(state){default:qp.drawText(rcBottom,Qt::AlignCenter,"开始");break;case 1:qp.drawText(rcLeft,Qt::AlignCenter,"暂停");qp.setPen(Qt::blue);qp.drawText(rcRight, Qt::AlignCenter,"计次");break;case 2:qp.drawText(rcLeft,Qt::AlignCenter,"继续");qp.setPen(Qt::blue);qp.drawText(rcRight,Qt::AlignCenter,"重置");break;}
}void Dialog::mousePressEvent(QMouseEvent *e)
{if(Qt::LeftButton == e->button()){switch(state){default:if(rcBottom.contains(e->pos())){nMSCnt = 0;sTime = QTime::currentTime();state = 1;}break;case 1:if(rcLeft.contains(e->pos())){state = 2;nMSCnt +=sTime.msecsTo(QTime::currentTime());update();}else if(rcRight.contains(e->pos())){lstCnt.append(nMSCnt + sTime.msecsTo(QTime::currentTime()));idx = lstCnt.size() - 1;update();}break;case 2:if(rcLeft.contains(e->pos())){state = 1;sTime = QTime::currentTime();}else if(rcRight.contains(e->pos())){state = 0;nMSCnt = 0;lstCnt.clear();update();}break;}}
}void Dialog::wheelEvent(QWheelEvent *e)
{if(e->delta() >0){if(idx < lstCnt.size() -1){++idx;update();}}else {if(idx>0){--idx;update();}}
}

（2）main.cpp
#include "dialog.h"
#include <QApplication>int main(int argc, char *argv[])
{QApplication a(argc, argv);Dialog w;w.show();return a.exec();
}

（3）规定界面，在ui界面设置里面（这里我只是简单的设计成正方形，节省时间，需要别的设计，或者探讨，可以加我QQ或者vx）

七、编译演示。
（1）如果你工程很多，需要将你要演示的调制成活动项目，如下图所示；

（2）编译 -> 运行 -> 结果显示

刚才就说过了，界面设置你除了手动画，还可以在这个函数里面进行添加，如下图所示；

废话不多说，看演示结果；

点击开始，开始计数；

点击计次，开始加次数；

暂停 -> 重置重置之后回到清零状态；

另：看完了这个大家也可以试着设计自己手机中秒表的界面，亦或是下图的计时器，原理异曲同工，大家可以试着调用video相关函数，通过鼠标点击函数去实现声音大小的控制。等以后有空了再和大家分享计时器的制作步骤。好像可以导入视频的，那下次大家有不懂的地方给我留言，我上传操作视频也可以。

基于Qt秒表设计（Qt绘图秒表示例）相关推荐

加按键的秒表设计c语言,秒表设计C语言程序.doc
/*----------------------------------------------- 名称:数码管显示,按键控制秒表论坛: 编写:shifang 日期:2009.5 修改:无内容:中 ...
加按键的秒表设计c语言,秒表设计C语言程序
名称数码管显示按键控制秒表论坛编写 shifang 日期 2009 5 修改无内容中断按键控制数码管显示中断 0 控制计时和停止中断 1 清零 include 包含头文件一般情况 ...
基于PageObject模式设计的web自动化测试示例
PageObject模式 PageObject模式:顾名思义,就是页面对象.它的核心思想是分层设计, 强调测试.逻辑.数据和驱动相互分离.一般分层会分为: 1.对象库层 2.逻辑层 3.业务层 4.数 ...
Qt + Python + OpenCV图标替换工具之 Qt界面设计（四）
目录上一篇博文程序的下载地址以及源码 Qt界面设计上一篇博文 Qt + Python + OpenCV图标替换工具之 Python调用dll(三) https://blog.csdn.net/ ...
Python Qt GUI设计：QPainter、QPen、QBrush和QPixmap窗口绘图类（基础篇—17）
目录 1.QPainter绘图类 2.QPen绘图类 3.QBrush绘图类 4.QPixmap绘图类本篇博文主要介绍如何实现在窗口中绘图,在 PyQt5中,一般可以通过QPainter.QPen. ...
基于人脸识别的课堂签到管理系统（一）---环境设置以及简单的QT界面设计
基于人脸识别的课堂签到管理系统(一)---环境设置以及简单的QT界面设计一.前言二.Pycharm安装与环境配置 2.1 Pycharm安装配置 2.2 Pycharm环境配置三.QT界面设计 ...
QT课程设计：基于QT的图像处理程序
本文用于2022-23学年海哥QT课课程设计的制作过程索引以下先贴放课设要求课程设计一.课程设计要求(每人1题) 基于QT Creator设计一个简易的数字图像处理软件,要求: 工程名含有姓名拼 ...
【电路方案】基于8086多种花色流水灯设计/8086秒表计时系统/8086电子琴设计/8086多功能密码锁设计/8086电子秒表计时器时钟系统设计/8086电子计时器控制设计/8086智能电子称称重
基于8086多种花色流水灯仿真设计-汇编教程和protues画图关于8086多种花色的流水冻控制电路方案,下面包含了汇编程序和配套的流水灯电路图,大家可以参考一下此方案教程.1.汇编程 CODE S ...
at89s51数码管秒表c语言程序,基于AT89C51单片机的一个2位的LED数码显示作为“秒表”设计【基于单片机系统的00-99s的定时器】...
基于AT89C51单片机的一个2位的LED数码显示作为"秒表"设计[基于单片机系统的00-99s的定时器] 工程技术学院课程设计题目:用单片机AT89C51设计一个2位的LE ...
基于8051单片机实现电子时钟+数字秒表设计
电子时钟+数字秒表设计概述设计任务的基本要求整体方案电路设计原理软件设计元件清单项目下载地址概述电子时钟是一种利用数字电路来显示秒.分.时的计时装置,与传统的机械钟相比,它具有走时准 ...

基于Qt秒表设计（Qt绘图秒表示例）

基于Qt秒表设计

基于Qt秒表设计（Qt绘图秒表示例）相关推荐

最新文章

热门文章