快捷導(dǎo)航

Qt繪制簡(jiǎn)單時(shí)鐘

更新時(shí)間：2020年06月16日 17:10:51 作者：(^0^)陌路

這篇文章主要為大家詳細(xì)介紹了Qt繪制簡(jiǎn)單時(shí)鐘效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

本文實(shí)例為大家分享了Qt繪制簡(jiǎn)單時(shí)鐘的具體代碼，供大家參考，具體內(nèi)容如下

概述

（1）基本原理

利用簡(jiǎn)單的幾何圖形繪出表盤和指針，然后基于系統(tǒng)時(shí)間調(diào)整指針偏轉(zhuǎn)角度達(dá)到模擬時(shí)鐘的效果。
其中可以加上自己喜歡的背景資源，設(shè)計(jì)不同風(fēng)格的時(shí)鐘。

（2）部分函數(shù)說明

①調(diào)色和填充

painter.setBrush(Qt::red); //設(shè)置畫刷，填充顏色(紅色)
painter.setPen(Qt::red);  //設(shè)置畫筆，外圍輪廓顏色(紅色）

②抗鋸齒（減少圖形外圍鋸齒狀，使線條平滑）

painter.setRenderHint(QPainter::Antialiasing,true);

③自動(dòng)保存與恢復(fù)

painter.save();  //保存屬性
painter.restore(); //屬性恢復(fù)

核心代碼

dialog.h文件

class Dialog : public QDialog
{
 Q_OBJECT

public:
 Dialog(QWidget *parent = nullptr);
 ~Dialog();

 void Dialog::paintEvent(QPaintEvent *); //函數(shù)聲明

private:
 Ui::Dialog *ui;
};

頭文件

#include <QPainter>
#include <QPoint>
#include <QTime>
#include <QTimer>
#include <QPixmap>
#include <math.h>

指針參數(shù)（第一個(gè)QPoint前可以加static）

QPoint sec[4]={QPoint(0,-80),QPoint(2,0),QPoint(0,8),QPoint(-2,0)};
QPoint min[4]={QPoint(0,-62),QPoint(4,0),QPoint(0,10),QPoint(-4,0)};
QPoint hour[4]={QPoint(0,-48),QPoint(5,0),QPoint(0,11),QPoint(-5,0)};

關(guān)聯(lián)函數(shù)

Dialog::Dialog(QWidget *parent)
 : QDialog(parent)
 , ui(new Ui::Dialog)
{
 ui->setupUi(this);
 resize(300,300);

 QTimer * timer = new QTimer(this);
 timer->start(1000); //確定刷新時(shí)間（此處為1000毫秒=1秒）
 connect(timer,SIGNAL(timeout()),this,SLOT(update())); //update()為自動(dòng)刷新界面，使指針可以不停轉(zhuǎn)動(dòng)
}

繪圖函數(shù)（注意：只要時(shí)、分、秒三個(gè)指針任意完成一個(gè)，則其余兩個(gè)只需修改指針旋轉(zhuǎn)角度規(guī)則，其余屬性相同即可）

void Dialog::paintEvent(QPaintEvent *){
 QPainter painter(this);

 //時(shí)鐘背景
 QRect q1(20,20,0.5*512,0.5*512);
 QRect q2(0,0,512,512);
 QPixmap map(":/b/ClockBack/clockback.png");
 painter.drawPixmap(q1,map,q2);

 QTime time=QTime::currentTime(); //調(diào)用系統(tǒng)時(shí)間

 //表盤
 painter.setRenderHint(QPainter::Antialiasing,true); //抗鋸齒，平滑化
 painter.setPen(QPen(Qt::white,6,Qt::SolidLine));  //調(diào)色
 painter.translate(50,50);
 painter.drawEllipse(0,0,198,198);

 //指針屬性
 painter.translate(99,99);

 //秒針
 painter.setRenderHint(QPainter::Antialiasing,true);
 painter.setBrush(Qt::red); //設(shè)置畫刷，填充顏色
 painter.setPen(Qt::red);  //設(shè)置畫筆，外圍輪廓顏色
 painter.save();    //保存屬性
 painter.rotate(6.0*time.second());
 painter.drawPolygon(sec,4); //繪制指針（繪制幾何圖形函數(shù)）
 painter.restore();   //屬性恢復(fù)

 //分針（同秒針）
 painter.setRenderHint(QPainter::Antialiasing,true);
 painter.setBrush(Qt::white);
 painter.setPen(Qt::white);
 painter.save();
 painter.rotate(6.0*time.minute()+time.second()/60.0);
 painter.drawPolygon(min,4);
 painter.restore();

 //時(shí)針（同秒針）
 painter.setRenderHint(QPainter::Antialiasing,true);
 painter.setBrush(Qt::black);
 painter.setPen(Qt::black);
 painter.save();
 painter.rotate(30.0*time.hour()+time.minute()/60.0);
 painter.drawPolygon(hour,4);
 painter.restore();

 //表盤刻度
 //長(zhǎng)刻度（整點(diǎn)刻度）
 for(int i=1;i<=12;i++){
  painter.rotate(30);
  painter.drawLine(0,-100,0,-85);
 }
 
 //短刻度
 for(int i=1;i<=60;i++){
  painter.rotate(6);
  painter.drawLine(0,-94,0,-90);
 }
}

背景與效果圖

1、這里分享我自己采用的背景