Qt實(shí)現(xiàn)簡(jiǎn)單動(dòng)態(tài)時(shí)鐘

更新時(shí)間：2020年07月12日 11:25:11 作者：weixin_45752304

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

本文實(shí)例為大家分享了Qt實(shí)現(xiàn)簡(jiǎn)單動(dòng)態(tài)時(shí)鐘的具體代碼，供大家參考，具體內(nèi)容如下

任務(wù)實(shí)現(xiàn)：

通過(guò)Qt語(yǔ)言使用計(jì)時(shí)器實(shí)現(xiàn)一個(gè)簡(jiǎn)單的動(dòng)態(tài)時(shí)鐘；

實(shí)現(xiàn)效果：

實(shí)現(xiàn)過(guò)程：

整體過(guò)程主要分為兩個(gè)部分：

1.繪制一個(gè)表盤(pán)所需的元素：時(shí)分秒針，刻度，還可以插入鐘面背景圖片；
2.讓所繪制的指針動(dòng)起來(lái)（使用計(jì)時(shí)器并關(guān)聯(lián)系統(tǒng)時(shí)間）；

整體代碼：

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);


  //信號(hào)的鏈接
  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)軸的原點(diǎn)位置
  painter.translate(100,100);



  //調(diào)用繪制圖像函數(shù)，分別繪制時(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)時(shí)間currentTime();
  QTime time = QTime::currentTime();


  //設(shè)置繪制顏色
  painter->setBrush(Qt::red);
  painter->setPen(Qt::red);


  //save進(jìn)行保存
  painter->save();


  //完成繪制（時(shí)間換算傾斜角度）
  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);


  //繪制鐘表刻度盤(pán)和數(shù)字
  for (int i = 1; i <=60; ++i)
  {

    painter->save();

    painter->rotate(6*i);//坐標(biāo)軸旋轉(zhuǎn)6度

    //分別繪制長(zhǎng)短線
    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)系
  }


}

表盤(pán)繪制：

使用paintEvent（）函數(shù)，以結(jié)構(gòu)體形式來(lái)儲(chǔ)存每一個(gè)指針的大小位置，并進(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)時(shí)間currentTime();
  QTime time = QTime::currentTime();

  //設(shè)置繪制顏色
  painter->setBrush(Qt::red);
  painter->setPen(Qt::red);

  //save進(jìn)行保存
  painter->save();

  //完成繪制（時(shí)間換算傾斜角度）
  painter->rotate(6.0*time.second());
  painter->drawConvexPolygon(Second,4);

  //ratate進(jìn)行復(fù)位
  painter->restore();

}

調(diào)用時(shí)間：

設(shè)置計(jì)時(shí)器的時(shí)間為1000ms，即1s；

QTimer *timer = new QTimer(this);

timer->start(1000);

//信號(hào)的鏈接
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è)置畫(huà)筆的寬度
pen.setWidth(2); 

//設(shè)置畫(huà)筆的顏色
pen.setColor(Qt::white);

//調(diào)用設(shè)置的畫(huà)筆參數(shù)
painter->setPen(pen);

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章: