快捷導(dǎo)航

Qt編程實現(xiàn)小時鐘

更新時間：2020年05月30日 09:47:02 作者：nineheaded_bird

這篇文章主要為大家詳細介紹了Qt編程實現(xiàn)小時鐘，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下

Hello World! 學(xué)習(xí)編程語言的最簡單最經(jīng)典的小程序，當然Qt也不例外。在學(xué)習(xí)畫圖時，我覺得寫個時鐘小程序也是個比較好的開始。在之前的《Matlab及Java小時》一文中，我也從寫時鐘程序作為學(xué)習(xí)畫圖的開始。三者之間的不同點在于，matlab是通過while循環(huán)來進行重繪，Java和Qt事件來處理。實時顯示時鐘，都是通過改變指針與坐標軸的相對位置來實現(xiàn)的。前兩者都是改變指針，而Qt是旋轉(zhuǎn)坐標軸。具體代碼如下：

1.widget.h文件

#ifndef WIDGET_H
#define WIDGET_H
 
#include <QWidget>
 
namespace Ui {
class Widget;
}
 
class Widget : public QWidget
{
 Q_OBJECT
 
public:
 explicit Widget(QWidget *parent = 0);
 ~Widget();
 
private:
 Ui::Widget *ui;
protected:
 void paintEvent(QPaintEvent *event);//添加重繪事件
};
 
#endif // WIDGET_H

2.main.cpp

#include <QtGui/QApplication>
#include "widget.h"
#include<QTextCodec>
#include<QPainter>
#include<QtGui>
#include<QDebug>
 
int main(int argc, char *argv[])
{
 QApplication a(argc, argv);
 QTextCodec::setCodecForTr(QTextCodec::codecForLocale());
 Widget w;
 w.show();
 
 return a.exec();
}

3.widget.cpp

#include "widget.h"
#include "ui_widget.h"
#include<QPainter>
#include<QtGui>
#include<QDebug>
#include<QFont>
 
Widget::Widget(QWidget *parent) :
 QWidget(parent),
 ui(new Ui::Widget)
{
 ui->setupUi(this);
 QTimer *timer = new QTimer(this);//創(chuàng)建一秒定時器
 connect(timer, SIGNAL(timeout()), this, SLOT(update()));//信號與槽關(guān)聯(lián)
 timer->start(1000);
 setWindowTitle(tr("我的時鐘--designed by TW"));
 
}
 
Widget::~Widget()
{
 delete ui;
}
 
void Widget::paintEvent(QPaintEvent *event)
{
 int side = qMin(width(), height());//獲取窗口的較短邊的值
 QPainter painter(this);//指定畫圖設(shè)備
 painter.fillRect(rect(),Qt::yellow);//設(shè)置背景色
 painter.setRenderHint(QPainter::Antialiasing);//開啟抗鋸齒
 painter.translate(width() / 2, height() / 2);//將坐標移到窗口正中心
 painter.scale(side / 200.0, side / 200.0);//進行縮放
 
 QPen pen;//設(shè)置畫筆的，寬度，樣式，顏色
 pen.setWidth(2);
 pen.setStyle(Qt::SolidLine);
 pen.setColor(Qt::red);
 
 painter.setPen(pen);
 for (int i = 0; i < 12; ++i) //畫表盤時針刻度
 {
 painter.drawLine(87, 0, 95, 0);
 painter.rotate(30);//將坐標進行順時針選擇30度
 }
 
 pen.setWidth(1);
 pen.setColor(Qt::black);
 painter.setPen(pen);
 
 for (int i = 0; i < 60; ++i) //畫表盤時針刻度
 {
 if(i%5!=0)
  painter.drawLine(90, 0, 95, 0);
 painter.rotate(6);
 }
 
 pen.setColor(Qt::black);
 painter.setPen(pen);
 QFont font("Century");
 painter.setFont(font);
 //標時刻的數(shù)值
 painter.drawText(-6,-75,tr("12"));
 painter.drawText(-3,80,tr("6"));
 painter.drawText(75,5,tr("3"));
 painter.drawText(-80,5,tr("9"));
 
 painter.drawArc(-3,-3,6,6,0,360*16);//畫中心小圓環(huán)
 /////////////////////////////////////
 QTime time = QTime::currentTime();//獲取當前系統(tǒng)時間
// qDebug()<<time.hour();
// qDebug()<<time.minute();
// qDebug()<<time.second();
 
 //畫時針
 painter.save();//在旋轉(zhuǎn)坐標系前，保存原來坐標系
 painter.rotate(30.0 * ((time.hour() + time.minute() / 60.0)));
 pen.setColor(Qt::green);
 pen.setWidth(4);
 painter.setPen(pen);
 painter.drawLine(0,0,0,-60);
 painter.restore();//在旋轉(zhuǎn)坐標系后，恢復(fù)原來坐標系
 //畫分針
 painter.save();
 painter.rotate(6.0 * (time.minute() + time.second() / 60.0));
 pen.setColor(Qt::blue);
 pen.setWidth(2);
 painter.setPen(pen);
 painter.drawLine(0,0,0,-80);
 painter.restore();
 //畫秒針
 painter.save();
 painter.rotate(6.0 *time.second() );
 pen.setColor(Qt::red);
 pen.setWidth(1);
 painter.setPen(pen);
 //秒針形狀由兩條直線和一個小圓環(huán)組成
 painter.drawArc(-3,-66,6,6,0,360*16);
 painter.drawLine(0,20,0,-60);
 painter.drawLine(0,-66,0,-85);
 painter.restore();
 
 
}

運行結(jié)果如下圖：