基于實(shí)現(xiàn)Qt秒表設(shè)計(jì)
基于Qt秒表設(shè)計(jì)
這個(gè)只是虛擬機(jī)下的Dialog中設(shè)計(jì)的秒表，大家感興趣的可以根據(jù)自己手機(jī)的秒表界面來設(shè)計(jì)，亦或是有別的想法也可以在ui中添加函數(shù)，或者是在ui界面自己添加調(diào)整。本篇將給除了給出Qt秒表設(shè)計(jì)例子之外還會(huì)為大家提供一些常用函數(shù)。
一、Qt繪圖系統(tǒng)簡(jiǎn)介
Qt的繪圖系統(tǒng)允許使用相同的API在屏幕和其它打印設(shè)備上進(jìn)行繪制。整個(gè)繪圖系統(tǒng)基于 QPainter，QPainterDevice和QPaintEngine三個(gè)類。
QPainter用來執(zhí)行繪制的操作；
QPaintDevice則允許QPainter在其上面進(jìn)行繪制，也就是QPainter工作的空間；
QPaintEngine提供了畫筆（QPainter）在不同的設(shè)備上進(jìn)行繪制的統(tǒng)一的接口。
Qt 的繪圖系統(tǒng)實(shí)際上是，使用 QPainter在QPainterDevice上進(jìn)行繪制，它們之間使用QPaintEngine進(jìn)行通訊（也就是翻譯QPainter 的指令）。
二、QPainter類的繪圖函數(shù)
drawPoint 點(diǎn)drawLine 線
drawRect 矩形drawPath 路徑
drawArc 圓弧drawChord 弦
drawPie 扇形drawEllipse 橢圓
drawText 文字
drawRoundRect 圓角矩形
drawImage drawPixmap drawPicture 顯示圖像
drawPoints,drawLines,drawRects 多個(gè)點(diǎn)、多條線、多個(gè)矩形
三、幾種常用函數(shù)效果圖：
四、畫刷和畫筆
QBrush定義了QPainter的填充模式，具有樣式、顏色、漸變以及紋理等屬性。畫刷的style()定義了填充的樣式，使用Qt::BrushStyle枚舉，默認(rèn)值是Qt::NoBrush，也就是不進(jìn)行任何填充。
QPen定義了用于QPainter應(yīng)該怎樣畫線或者輪廓線。畫筆具有樣式、寬度、畫刷、筆帽樣式和連接樣式等屬性。畫筆的樣式style()定義了線的樣式。畫筆寬度width()或widthF()定義了畫筆的寬。注意，不存在寬度為 0 的線，畫筆寬度通常至少是 1 像素。
聲明畫刷或畫筆對(duì)象的時(shí)候，通?？梢韵戎付伾缓笤偻ㄟ^類中的setStyle、setWidth等成員函數(shù)設(shè)置畫刷或畫筆屬性。
QPainter對(duì)象要使用畫刷或畫筆，通常是調(diào)用setBrush和setPen成員函數(shù)，設(shè)置過畫刷和畫筆的狀態(tài)將會(huì)一直保持。
五、圖像處理
Qt提供了4個(gè)處理圖像的類：QImage、QPixmap、QBitmap，QPicture，它們有著各自的特點(diǎn)。
QImage優(yōu)化了I/O操作，可以直接存取操作像素?cái)?shù)據(jù)。
QPixmap優(yōu)化了再屏幕上顯示圖像的性能。
QBitmap從QPixmap繼承，只能表示黑白兩種顏色。
QPicture是可以記錄和重啟QPrinter命令的類。
對(duì)最簡(jiǎn)單的圖片顯示而言，用QImage或QPixmap類比較常見。顯示一副圖像，可以在paintEvent函數(shù)中如下操作：
QPainter painter(this); // 聲明QPainter對(duì)象
… // 其他繪圖操作
// 聲明一個(gè)QPixmap對(duì)象并初始裝載圖像文件
QPixmap pm("/home/fish/HDU.png");
painter.drawPixmap((rect().width() - pm.width()) / 2,
(rect().height() - pm.height()) / 2, pm); // 居中顯示圖像
六、秒表設(shè)計(jì)例子
1、.pro文件
#------------------------------------------------- # # Project created by QtCreator 2019-12-04T16:50:48 # #------------------------------------------------- QT ? ? ? += core gui greaterThan(QT_MAJOR_VERSION, 4): QT += widgets TARGET = qt_clock TEMPLATE = app SOURCES += main.cpp\ ? ? ? ? dialog.cpp HEADERS ?+= dialog.h FORMS ? ?+= 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_OBJECT
public:
? ? 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_H3、源文件
（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;
? ? ? ? ? else
? ? ? ? ? ? ? nms = 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,"計(jì)次");
? ? ? ? ? break;
? ? ? case 2:
? ? ? ? ? qp.drawText(rcLeft,Qt::AlignCenter,"繼續(xù)");
? ? ? ? ? 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）規(guī)定界面，在ui界面設(shè)置里面（這里我只是簡(jiǎn)單的設(shè)計(jì)成正方形，節(jié)省時(shí)間，需要?jiǎng)e的設(shè)計(jì)，或者探討，可以加我QQ或者vx）
七、編譯演示。
（1）如果你工程很多，需要將你要演示的調(diào)制成活動(dòng)項(xiàng)目，如下圖所示；
（2）編譯 -> 運(yùn)行 -> 結(jié)果顯示
剛才就說過了，界面設(shè)置你除了手動(dòng)畫，還可以在這個(gè)函數(shù)里面進(jìn)行添加，如下圖所示；
廢話不多說，看演示結(jié)果；
點(diǎn)擊開始，開始計(jì)數(shù)；
點(diǎn)擊計(jì)次，開始加次數(shù)；
暫停 -> 重置 重置之后回到清零狀態(tài)；
另：看完了這個(gè)大家也可以試著設(shè)計(jì)自己手機(jī)中秒表的界面，亦或是下圖的計(jì)時(shí)器，原理異曲同工，大家可以試著調(diào)用video相關(guān)函數(shù)，通過鼠標(biāo)點(diǎn)擊函數(shù)去實(shí)現(xiàn)聲音大小的控制。
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了C/C++宏替換實(shí)現(xiàn)詳解,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-11-11
本文所講的是不通過修改一個(gè)class的成員，就能夠追蹤其成員。方法就是類似C語言中的函數(shù)指針2013-11-11
C++數(shù)據(jù)結(jié)構(gòu)之鏈表詳解
這篇文章主要介紹了C++數(shù)據(jù)結(jié)構(gòu)之鏈表的創(chuàng)建的相關(guān)資料,希望通過本文幫助到大家，讓大家理解掌握這部分內(nèi)容，需要的朋友可以參考下2021-08-08
Atom （一款開源的代碼編輯器）是github專門為程序員推出的一個(gè)跨平臺(tái)文本編輯器。這篇文章主要介紹了Atom安裝配置C/C++教程,需要的朋友可以參考下2020-05-05
strcat函數(shù)實(shí)現(xiàn)簡(jiǎn)單示例
這篇文章主要介紹了strcat函數(shù)實(shí)現(xiàn)簡(jiǎn)單示例,需要的朋友可以參考下2014-03-03
C/C++ 中實(shí)現(xiàn)讓控制臺(tái)暫停的方法
這篇文章主要介紹了C/C++ 中實(shí)現(xiàn)讓控制臺(tái)暫停的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-07-07
C語言中#define與typedef的互換細(xì)節(jié)詳解
本篇文章是對(duì)C語言中#define與typedef的互換細(xì)節(jié)進(jìn)行了詳細(xì)的分析介紹，需要的朋友參考下2013-05-05
這篇文章介紹的是C語言中sscanf()函數(shù)，本文介紹了sscanf()函數(shù)的含義與用法，對(duì)大家日常使用C語言的sscanf()函數(shù)很有幫助，有需要的可以參考借鑒。2016-08-08
C語言實(shí)現(xiàn)基于最大堆和最小堆的堆排序算法示例
這篇文章主要介紹了C語言實(shí)現(xiàn)基于最大堆和最小堆的堆排序算法示例,分別是基于最大堆的升序排序和基于最小堆的降序排序?qū)嵗?需要的朋友可以參考下2016-06-06
qsort是一個(gè)庫函數(shù),基于快速排序算法實(shí)現(xiàn)的一個(gè)排序的函數(shù),下面這篇文章主要給大家介紹了關(guān)于C語言qsort()函數(shù)使用的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-06-06