Qt實現(xiàn)簡單動態(tài)時鐘
更新時間：2020年07月12日 11:25:11 作者：weixin_45752304
這篇文章主要為大家詳細介紹了Qt實現(xiàn)簡單動態(tài)時鐘，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
本文實例為大家分享了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è)置坐標軸的原點位置
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)
};
//獲取當前系統(tǒng)時間currentTime();
QTime time = QTime::currentTime();
//設(shè)置繪制顏色
painter->setBrush(Qt::red);
painter->setPen(Qt::red);
//save進行保存
painter->save();
//完成繪制（時間換算傾斜角度）
painter->rotate(6.0*time.second());
painter->drawConvexPolygon(Second,4);
//ratate進行復位
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);//坐標軸旋轉(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();//繪制圖形后復位坐標系
}
}
表盤繪制：
使用paintEvent（）函數(shù)，以結(jié)構(gòu)體形式來儲存每一個指針的大小位置，并進行繪制；
下面用秒針的繪制作為例子：
void Dialog::drawSecond(QPainter *painter)
{
static const QPoint Second[4]=
{
QPoint(3, 5),
QPoint(0, 18),
QPoint(-3, 5),
QPoint(0, -90)
};
//獲取當前系統(tǒng)時間currentTime();
QTime time = QTime::currentTime();
//設(shè)置繪制顏色
painter->setBrush(Qt::red);
painter->setPen(Qt::red);
//save進行保存
painter->save();
//完成繪制（時間換算傾斜角度）
painter->rotate(6.0*time.second());
painter->drawConvexPolygon(Second,4);
//ratate進行復位
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)容可替換為自行導入的資源文件
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)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
C++實現(xiàn)LeetCode(41.首個缺失的正數(shù))
這篇文章主要介紹了C++實現(xiàn)LeetCode(41.首個缺失的正數(shù)),本篇文章通過簡要的案例,講解了該項技術(shù)的了解與使用,以下就是詳細內(nèi)容,需要的朋友可以參考下2021-07-07
這篇文章主要為大家詳細介紹了如何基于QT制作一個簡單的倒計時軟件,文中的示例代碼講解詳細,感興趣的小伙伴可以跟隨小編一起學習一下2024-12-12
ubunt18.04LTS+vscode+anaconda3下的python+C++調(diào)試方法
這篇文章主要介紹了ubunt18.04LTS+vscode+anaconda3下的python+C++調(diào)試方法,本文給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-03-03
這篇文章主要為大家詳細介紹了使用C語言實現(xiàn)掃雷小游戲，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-05-05
這篇文章主要介紹了C++ set的使用方法詳解的相關(guān)資料,希望通過本文能幫助到大家，讓大家理解掌握set的使用方法，需要的朋友可以參考下2017-10-10
strcat函數(shù)與strncat函數(shù)的深入分析
本篇文章是對strcat函數(shù)與strncat函數(shù)進行了詳細的分析介紹，需要的朋友參考下2013-05-05
這篇文章主要為大家介紹了C語言進階棧幀的示例詳解教程，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-02-02
這篇文章主要為大家詳細介紹了C++實現(xiàn)二叉樹基本操作，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-12-12
這篇文章主要介紹了C語言水仙花數(shù)的實現(xiàn)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2021-01-01
c語言實現(xiàn)24小時制轉(zhuǎn)換為12小時制示例
這篇文章主要介紹了c語言實現(xiàn)24小時制轉(zhuǎn)換為12小時制示例,需要的朋友可以參考下2014-04-04