C++中Qt如何绘制时钟界面

这篇文章给大家分享的是有关C++中Qt如何绘制时钟界面的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。

首先来看一下效果：

大概就是这样子，需要注意的是，这里你需要创建一个基类为Widget的界面来绘制时钟，以至于后期你想把这个时钟放到任意一个界面，你只需要在那个界面的ui里面添加一个widget,然后将它提升为这个时钟界面，并设定它的大小。

widget.h文件

#ifndef WIDGET_H#define WIDGET_H #include<math.h>#include<QResizeEvent>#include<QGroupBox>#include<QTimer>#include<QTime>#include<QPainter> #include <QWidget> namespace Ui {class Widget;} class Widget : public QWidget{    Q_OBJECT public:    explicit Widget(QWidget *parent = 0);    ~Widget();protected:    void paintEvent(QPaintEvent *event); private:    Ui::Widget *ui;}; #endif // WIDGET_H

widget.cpp文件

#include "widget.h"#include "ui_widget.h" Widget::Widget(QWidget *parent) :    QWidget(parent),    ui(new Ui::Widget){    ui->setupUi(this);    QTimer *timer = new QTimer(this);  //连接信号与槽    connect(timer, SIGNAL(timeout()), this, SLOT(update()));    timer->start(1000);    //设置窗体名称与大小    setWindowTitle(tr("Clock"));    ui->setupUi(this);    resize(350,350);} Widget::~Widget(){    delete ui;} void Widget::paintEvent(QPaintEvent *event){    static const QPoint hourHand[3] =    {        QPoint(5, 14),        QPoint(-5, 14),        QPoint(0, -50)    };    static const QPoint minuteHand[3] =    {        QPoint(5, 14),        QPoint(-5,14),        QPoint(0, -70)    };    static const QPoint secondHand[3] =    {        QPoint(5, 14),        QPoint(-5, 14),        QPoint(0, -80)    };    static const QPoint line_long[2]=    {        QPoint(0,100),        QPoint(0,80)    };    static const QPoint line_short[2]={        QPoint(0,100),        QPoint(0,95)    };    //绘制的范围    int side = qMin(width(), height());    //获取当前的时间    QTime time = QTime::currentTime();    //声明用来绘图用的painter    QPainter painter(this);    //绘制的图像反锯齿    painter.setRenderHint(QPainter::Antialiasing);    //重新定位坐标起始点，把坐标原点放到窗体的中央    painter.translate(width() / 2, height() / 2);    //在表盘内添加文字（任意）    //painter.drawText(-75,-120,100,170,Qt::AlignRight,tr("ROLEX"));    //设定画布的边界    painter.scale(side / 200.0, side / 200.0);    //填充边线设为黑色，也可以设置为NoPen    painter.setPen( Qt::black );    //画刷颜色设定    painter.setBrush(Qt::black);    //保存painter的状态    painter.save();    //设置painter的旋转角度    painter.rotate(30.0 * ((time.hour() + time.minute() / 60.0)));    //填充时针的区域    painter.drawConvexPolygon(hourHand, 3);    painter.restore();    painter.setPen(Qt::black);    //12个个刻度循环    for (int i = 0; i < 12; ++i)    {        painter.drawLine(line_long[0],line_long[1]);        painter.rotate(30.0);    }    //绘制分针转角、刻度    painter.setPen(Qt::black);    painter.setBrush(Qt::black);    painter.save();    painter.rotate(6.0 * (time.minute() + time.second() / 60.0));    painter.drawConvexPolygon(minuteHand, 3);    painter.restore();    painter.setPen(Qt::black);    for (int j = 0; j < 60; ++j)    {        if ((j % 5) != 0)        painter.drawLine(line_short[0],line_short[1]);        painter.rotate(6.0);    }      //绘制分针转角、刻度    painter.setPen(Qt::black);    painter.setBrush(Qt::black);    painter.save();    painter.rotate(6.0 * (time.minute() + time.second() / 60.0));    painter.drawConvexPolygon(minuteHand, 3);    painter.restore();    painter.setPen(Qt::black);    for (int j = 0; j < 60; ++j)    {        if ((j % 5) != 0)        painter.drawLine(line_short[0],line_short[1]);        painter.rotate(6.0);    }   //绘制秒针转角    painter.setPen(Qt::black);    painter.setBrush(Qt::black);    painter.save();    painter.rotate(6.0*time.second());    painter.drawConvexPolygon(secondHand,3);    painter.restore(); }

main.cpp文件

#include "widget.h"#include <QApplication> int main(int argc, char *argv[]){    QApplication a(argc, argv);    Widget w;    w.show();    return a.exec();}

感谢各位的阅读！关于“C++中Qt如何绘制时钟界面”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识，如果觉得文章不错，可以把它分享出去让更多的人看到吧！