Qt设计时钟

与系统时钟对比:
这里写图片描述

建立工程
新建Qt控件 Qt Gui应用
命名为clock
基类QWidGet
类名Clock

clock.h
——————————————————————————————————————————————————————————————————————————
#ifndef CLOCK_H
#define CLOCK_H


#include <QWidget>
#include <QPainter>
#include <QPoint>
#include <QTimer>
#include <QTime>

static QPoint sed[4]={QPoint(0,-70),QPoint(2,0),QPoint(0,10),QPoint(-2,0)};
static QPoint min[4]={QPoint(0,-60),QPoint(4,0),QPoint(0,12),QPoint(-4,0)};
static QPoint hour[4]={QPoint(0,-50),QPoint(6,0),QPoint(0,13),QPoint(-6,0)};

namespace Ui {
class Clock;
}

class Clock : public QWidget
{
    Q_OBJECT

public:
    explicit Clock(QWidget *parent = 0);
    ~Clock();
protected:
    void paintEvent(QPaintEvent *);

private:
    Ui::Clock *ui;
};

#endif // CLOCK_H

clock.cpp
————————————————————————————————————————————————————————————————————————————————————————
#include "clock.h"
#include "ui_clock.h"

Clock::Clock(QWidget *parent) :
    QWidget(parent),
    ui(new Ui::Clock)
{
    //resize(200,200);

    QTimer *timer = new QTimer(this);
    timer->start(1000);
    connect(timer,SIGNAL(timeout()),this,SLOT(update()));
    ui->setupUi(this);
}

Clock::~Clock()
{
    delete ui;
}

void Clock::paintEvent(QPaintEvent *)
{
    QPainter paint(this);
    QTime time = QTime::currentTime();
    paint.translate(100,100);
    paint.setRenderHint(QPainter::Antialiasing);
    paint.setBrush(Qt::red);
    paint.setPen(Qt::red);
    paint.save();
    paint.rotate(6.0*time.second());
    paint.drawConvexPolygon(sed,4);
    paint.restore();

    paint.setBrush(Qt::blue);
    paint.setPen(Qt::blue);
    paint.save();
    paint.rotate(6.0*time.minute()+time.second()/60.0);
    paint.drawConvexPolygon(min,4);
    paint.restore();



    paint.setBrush(Qt::black);
    paint.setPen(Qt::black);
    paint.save();
    paint.rotate(30.0*time.hour()+time.minute()/60.0);
    paint.drawConvexPolygon(hour,4);
    paint.restore();

    for(int i = 0; i < 12; i++)
    {
        paint.rotate(30);
        paint.drawLine(0,-88,0,-98);
    }
}

main.cpp
——————————————————————————————————————————————————————————————————————————————————————-
#include <QtGui/QApplication>
#include "clock.h"

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    Clock w;
    w.show();

    return a.exec();
}

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Qt中创建一个电子时钟UI界面,通常会涉及到使用QLabel来显示时间,QDateTimeEdit或者QTimer来更新时间,并可能用到QPushButton或其他控件来启动或暂停计时。以下是一个简单的步骤概述: 1. 导入所需库: ```cpp #include <QApplication> #include <QWidget> #include <QLabel> #include <QDateTimeEdit> #include <QPushButton> #include <QTimer> ``` 2. 设计窗口类并继承自QWidget: ```cpp class TimeDisplayWidget : public QWidget { Q_OBJECT public: TimeDisplayWidget(QWidget *parent = nullptr); ~TimeDisplayWidget(); private slots: void updateTime(); private: QLabel *timeLabel; QDateTimeEdit *timeEdit; QPushButton *startStopButton; QTimer *timer; }; ``` 3. 实现构造函数和槽函数: ```cpp TimeDisplayWidget::TimeDisplayWidget(QWidget *parent) : QWidget(parent) { // 设置窗口布局 QVBoxLayout *layout = new QVBoxLayout(this); // 创建时间标签 timeLabel = new QLabel(QStringLiteral("00:00:00")); layout->addWidget(timeLabel); // 创建时间编辑框,主要用于设置初始时间 timeEdit = new QDateTimeEdit(this); layout->addWidget(timeEdit); // 创建开始/停止按钮 startStopButton = new QPushButton(QStringLiteral("Start"), this); startStopButton->setFixedSize(75, 30); layout->addWidget(startStopButton); // 设置定时器 timer = new QTimer(this); connect(startStopButton, &QPushButton::clicked, this, &TimeDisplayWidget::toggleTimer); connect(timer, &QTimer::timeout, this, &TimeDisplayWidget::updateTime); } void TimeDisplayWidget::updateTime() { QDateTime currentDateTime = QDateTime::currentDateTime(); timeLabel->setText(currentDateTime.toString(QStringLiteral("hh:mm:ss"))); } void TimeDisplayWidget::toggleTimer() { if (timer->isActive()) { timer->stop(); startStopButton->setText(QStringLiteral("Start")); } else { timer->start(1000); // 每秒更新一次 startStopButton->setText(QStringLiteral("Stop")); } } ``` 4. 主函数: ```cpp int main(int argc, char *argv[]) { QApplication app(argc, argv); TimeDisplayWidget window; window.show(); return app.exec(); } ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值