Qt實現(xiàn)簡單動態(tài)時鐘
更新時間：2020年07月12日 11:25:11 作者：weixin_45752304
這篇文章主要為大家詳細(xì)介紹了Qt實現(xiàn)簡單動態(tài)時鐘，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
本文實例為大家分享了Qt實現(xiàn)簡單動態(tài)時鐘的具體代碼，供大家參考，具體內(nèi)容如下
任務(wù)實現(xiàn)：
通過Qt語言使用計時器實現(xiàn)一個簡單的動態(tài)時鐘；
實現(xiàn)效果：
實現(xiàn)過程：
整體過程主要分為兩個部分：
1.繪制一個表盤所需的元素：時分秒針，刻度，還可以插入鐘面背景圖片；
2.讓所繪制的指針動起來（使用計時器并關(guān)聯(lián)系統(tǒng)時間）；
整體代碼：
dialog.h
#ifndef DIALOG_H
#define DIALOG_H
#include <QDialog>
QT_BEGIN_NAMESPACE
namespace Ui { class Dialog; }
QT_END_NAMESPACE
class Dialog : public QDialog
{
Q_OBJECT
public:
Dialog(QWidget *parent = nullptr);
~Dialog();
void paintEvent(QPaintEvent *event);
void drawSecond(QPainter *painter);
void drawMinute(QPainter *painter);
void drawHour(QPainter *painter);
void drawClock(QPainter *painter);
private:
Ui::Dialog *ui;
};
#endif // DIALOG_H
dialog.cpp
#include "dialog.h"
#include "ui_dialog.h"
#include <QPainter>
#include <QTime>
#include <QTimer>
#include <QPixmap>
#include <QPen>
Dialog::Dialog(QWidget *parent)
: QDialog(parent)
, ui(new Ui::Dialog)
{
ui->setupUi(this);
resize(959,959);
setWindowTitle("My Clock");
QTimer *timer = new QTimer(this);
timer->start(1000);
//信號的鏈接
connect(timer,SIGNAL(timeout()),this,SLOT(update()));
}
Dialog::~Dialog()
{
delete ui;
}
void Dialog::paintEvent(QPaintEvent *event)
{
QPainter painter(this);
QPixmap map(":/Resrouse/Pic.jpg");
QRect q(0,0,959,959);
QRect q2(0,0,width(),height());
painter.drawPixmap(q2,map,q);
//防止圖形走樣
painter.setRenderHint(QPainter::Antialiasing,true);
//使得窗口可調(diào)節(jié)，圖形隨之變形
painter.setWindow(0,0,200,200);
//重新設(shè)置坐標(biāo)軸的原點位置
painter.translate(100,100);
//調(diào)用繪制圖像函數(shù)，分別繪制時分秒
drawClock(&painter);
drawSecond(&painter);
drawMinute(&painter);
drawHour(&painter);
}
void Dialog::drawSecond(QPainter *painter)
{
static const QPoint Second[4]=
{
QPoint(2, 5),
QPoint(0, 18),
QPoint(-2, 5),
QPoint(0, -90)
};
//獲取當(dāng)前系統(tǒng)時間currentTime();
QTime time = QTime::currentTime();
//設(shè)置繪制顏色
painter->setBrush(Qt::red);
painter->setPen(Qt::red);
//save進(jìn)行保存
painter->save();
//完成繪制（時間換算傾斜角度）
painter->rotate(6.0*time.second());
painter->drawConvexPolygon(Second,4);
//ratate進(jìn)行復(fù)位
painter->restore();
}
void Dialog::drawMinute(QPainter *painter)
{
static const QPoint Minute[4]=
{
QPoint(2, 5),
QPoint(0, 16),
QPoint(-2, 5),
QPoint(0, -70)
};
QTime time = QTime::currentTime();
painter->setBrush(Qt::blue);
painter->setPen(Qt::blue);
painter->save();
painter->rotate(6.0*(time.minute()+time.second()/60.0));
painter->drawConvexPolygon(Minute,4);
painter->restore();
}
void Dialog::drawHour(QPainter *painter)
{
static const QPoint Hour[4]=
{
QPoint(2, 5),
QPoint(0, 13),
QPoint(-2, 5),
QPoint(0, -40)
};
QTime time = QTime::currentTime();
painter->setBrush(Qt::yellow);
painter->setPen(Qt::yellow);
painter->save();
painter->rotate(30.0*(time.hour()+time.minute()/60.0));
painter->drawConvexPolygon(Hour,4);
painter->restore();
}
void Dialog::drawClock(QPainter *painter)
{
QPen pen;
pen.setWidth(2);
pen.setColor(Qt::white);
painter->setPen(pen);
//繪制鐘表刻度盤和數(shù)字
for (int i = 1; i <=60; ++i)
{
painter->save();
painter->rotate(6*i);//坐標(biāo)軸旋轉(zhuǎn)6度
//分別繪制長短線
if (i % 5 == 0)
{
painter->drawLine(0, -98, 0, -82);
painter->drawText(-20, -82, 40, 40,Qt::AlignHCenter | Qt::AlignTop,QString::number(i/5));
}
else
{
painter->drawLine(0, -98, 0, -88);
}
painter->restore();//繪制圖形后復(fù)位坐標(biāo)系
}
}
表盤繪制：
使用paintEvent（）函數(shù)，以結(jié)構(gòu)體形式來儲存每一個指針的大小位置，并進(jìn)行繪制；
下面用秒針的繪制作為例子：
void Dialog::drawSecond(QPainter *painter)
{
static const QPoint Second[4]=
{
QPoint(3, 5),
QPoint(0, 18),
QPoint(-3, 5),
QPoint(0, -90)
};
//獲取當(dāng)前系統(tǒng)時間currentTime();
QTime time = QTime::currentTime();
//設(shè)置繪制顏色
painter->setBrush(Qt::red);
painter->setPen(Qt::red);
//save進(jìn)行保存
painter->save();
//完成繪制（時間換算傾斜角度）
painter->rotate(6.0*time.second());
painter->drawConvexPolygon(Second,4);
//ratate進(jìn)行復(fù)位
painter->restore();
}
調(diào)用時間：
設(shè)置計時器的時間為1000ms，即1s；
QTimer *timer = new QTimer(this); timer->start(1000); //信號的鏈接 connect(timer,SIGNAL(timeout()),this,SLOT(update()));
其他：
1.圖片的插入：
map中內(nèi)容可替換為自行導(dǎo)入的資源文件
QPixmap map(":/Resrouse/Pic.jpg");
QRect q(0,0,959,959);
QRect q2(0,0,width(),height());
painter.drawPixmap(q2,map,q);
2.繪制顏色的改變：
QPen pen; //設(shè)置畫筆的寬度 pen.setWidth(2); //設(shè)置畫筆的顏色 pen.setColor(Qt::white); //調(diào)用設(shè)置的畫筆參數(shù) painter->setPen(pen);
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了C語言實現(xiàn)簡單的聊天室功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-06-06
這篇文章主要為大家通俗易懂的講解了C語言快速排序和歸并排序的時間復(fù)雜度分析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-01-01
本文承接上文《使用C++制作簡單的web服務(wù)器》，把web服務(wù)器做的功能稍微強(qiáng)大些，主要增加的功能是從文件中讀取網(wǎng)頁并返回給客戶端，而不是把網(wǎng)頁代碼寫死在代碼中，有需要的小伙伴來參考下吧。2015-03-03
C語言結(jié)構(gòu)體字節(jié)對齊的實現(xiàn)深入分析
這篇文章主要介紹了C語言結(jié)構(gòu)體字節(jié)對齊的實現(xiàn),文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-10-10
下面小編就為大家?guī)硪黄狢讀txt到二維數(shù)組的實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-12-12
本文主要介紹了C++中l(wèi)ist容器的實現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-03-03
在本篇文章中我們給大家總結(jié)了C/C++中*和&的用法以及相關(guān)的代碼分享，有興趣的朋友趕緊學(xué)習(xí)下吧。2018-03-03
C/C++實現(xiàn)7bit與8bit編碼互相轉(zhuǎn)換
這篇文章主要為大家詳細(xì)介紹了如何使用C/C++實現(xiàn)7bit與8bit編碼互相轉(zhuǎn)換功能,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2024-10-10
Vscode搭建遠(yuǎn)程c開發(fā)環(huán)境的圖文教程
很久沒有寫C語言了，今天抽空學(xué)習(xí)下C語言知識，接下來通過本文給大家介紹Vscode搭建遠(yuǎn)程c開發(fā)環(huán)境的詳細(xì)步驟，本文通過圖文實例代碼相結(jié)合給大家介紹的非常詳細(xì)，需要的朋友參考下吧2021-11-11
這篇文章主要介紹了使用C++繪制GDI位圖的基本編寫實例,一般來說適用于Windwos下的C++的GUI編程,需要的朋友可以參考下2015-12-12